mirrors/signal-desktop
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages 2 Wiki Activity Actions

Center non-square avatar pictures

Browse source
This commit is contained in:
Evan Hahn 2021-05-10 12:50:04 -05:00 committed by GitHub
parent 4b566e0a19
commit c68d65ea0b
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
3 changed files with 9 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

BIN
fixtures/wide.jpg Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 50 KiB

1
stylesheets/components/Avatar.scss
View file

@ -29,6 +29,7 @@
} }
&__image { &__image {
background-position: center center;
background-size: cover; background-size: cover;
display: flex; display: flex;
height: 100%; height: 100%;

8
ts/components/Avatar.stories.tsx
View file

@ -64,6 +64,14 @@ story.add('Avatar', () => {
return sizes.map(size => <Avatar key={size} {...props} size={size} />); return sizes.map(size => <Avatar key={size} {...props} size={size} />);
}); });
story.add('Wide image', () => {
const props = createProps({
avatarPath: '/fixtures/wide.jpg',
});
return sizes.map(size => <Avatar key={size} {...props} size={size} />);
});
story.add('One-word Name', () => { story.add('One-word Name', () => {
const props = createProps({ const props = createProps({
title: 'John', title: 'John',