Signal/Desktop
1
0
Fork 0
mirror of https://github.com/signalapp/Signal-Desktop.git synced 2026-02-15 07:28:59 +00:00
Code Issues Packages Projects Releases Wiki Activity

Center non-square avatar pictures

Browse Source
This commit is contained in:
Evan Hahn
2021-05-10 13:57:45 -05:00
committed by GitHub
parent 450a5408f1
commit a9149c870c
3 changed files with 9 additions and 0 deletions
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 {
background-position: center center;
background-size: cover;
display: flex;
height: 100%;

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

@@ -62,6 +62,14 @@ story.add('Avatar', () => {
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', () => {
const props = createProps({
title: 'John',