TerribleDev/ente
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Avatar fit

Browse Source
This commit is contained in:
Manav Rathi
2024-10-15 10:39:45 +05:30
parent a6a647786f
commit 79740eeee7
1 changed files with 15 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
web/packages/new/photos/components/PeopleList.tsx
View File

@@ -211,12 +211,12 @@ export const SuggestionFaceList: React.FC<SuggestionFaceListProps> = ({
return (
<SuggestionFaceList_>
{faces.map(({ file, faceID }) => (
<UnclusteredFace key={faceID}>
<SuggestionFace key={faceID}>
<FaceCropImageView
placeholderDimension={112}
{...{ file, faceID }}
/>
</UnclusteredFace>
</SuggestionFace>
))}
</SuggestionFaceList_>
);
@@ -225,7 +225,19 @@ export const SuggestionFaceList: React.FC<SuggestionFaceListProps> = ({
const SuggestionFaceList_ = styled("div")`
display: flex;
flex-wrap: wrap;
gap: 5px;
gap: 2px;
border: 1px solid tomato;
`;
const SuggestionFace = styled("div")`
width: 87px;
height: 87px;
border-radius: 50%;
overflow: hidden;
& > img {
width: 100%;
height: 100%;
}
`;
type FaceCropImageViewProps = PreviewableFace & {