From ddc07663f4954e2b3b7e0fbb5da3b9810c1174d3 Mon Sep 17 00:00:00 2001
From: semnil5202 <semnil5202@gmail.com>
Date: Tue, 20 Aug 2024 23:38:37 +0900
Subject: [PATCH] =?UTF-8?q?refactor:=20object-fit=20=EC=A0=81=EC=9A=A9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

next app router 부터 objectFit prop 대신 fill 사용을 권장(강제) 하나, 부모요소에 position 속성 반드시 필요 등, 현재 구조에서 여러 변동사항이 생겨 emotion css로 object-fit 지정
---
 .../components/GatherMemberProfile/GatherMemberProfile.tsx | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/packages/web-domains/src/home/features/gather-member/components/GatherMemberProfile/GatherMemberProfile.tsx b/packages/web-domains/src/home/features/gather-member/components/GatherMemberProfile/GatherMemberProfile.tsx
index 216a116b..d03ce88b 100644
--- a/packages/web-domains/src/home/features/gather-member/components/GatherMemberProfile/GatherMemberProfile.tsx
+++ b/packages/web-domains/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>