refactor: object-fit 적용

next app router 부터 objectFit prop 대신 fill 사용을 권장(강제) 하나, 부모요소에 position 속성 반드시 필요 등, 현재 구조에서 여러 변동사항이 생겨 emotion css로 object-fit 지정
depromeet · Aug 20, 2024 · ddc0766 · ddc0766
1 parent 7df4ee8
commit ddc0766
Showing 1 changed file with 6 additions and 1 deletion.
diff --git a/...ns/src/home/features/gather-member/components/GatherMemberProfile/GatherMemberProfile.tsx b/...ns/src/home/features/gather-member/components/GatherMemberProfile/GatherMemberProfile.tsx
@@ -24,7 +24,12 @@ export const GatherMemberProfile = ({ member }: GatherMemberProfileProps) => {
         }}
       >
         <div css={{ alignItems: 'center', display: 'flex' }}>
-          <Avatar imageUrl={profileImageFileUrl} width={40} height={40} css={{ borderRadius: '50%' }} />
+          <Avatar
+            imageUrl={profileImageFileUrl}
+            width={40}
+            height={40}
+            css={{ borderRadius: '50%', objectFit: 'cover' }}
+          />
           <Txt typography="title2" css={{ marginLeft: '12px' }}>
             {name}
           </Txt>