fix: 소식 페이지 헤더 팔로잉 목록 이동 버튼 프로필 수정

depromeet · Aug 28, 2024 · bc86270 · bc86270
1 parent 64cab28
commit bc86270
Showing 1 changed file with 12 additions and 4 deletions.
diff --git a/features/news/components/atoms/following-list-link-button.tsx b/features/news/components/atoms/following-list-link-button.tsx
@@ -1,7 +1,8 @@
 import Link from 'next/link';
 import { ReactNode } from 'react';
 
-import { DefaultProfileIcon, Image, PersonsIcon } from '@/components/atoms';
+import { DefaultProfileIcon, PersonsIcon } from '@/components/atoms';
+import { ProfileImage } from '@/components/molecules';
 import { css, cx } from '@/styled-system/css';
 import { flex } from '@/styled-system/patterns';
 
@@ -30,11 +31,14 @@ export const FollowingListLinkButton = () => {
         )}
       >
         {profileImageUrl ? (
-          <Image
+          <ProfileImage
             src={profileImageUrl}
             alt="following profiles"
-            width={24}
-            height={24}
+            width={28}
+            height={28}
+            style={{
+              objectFit: 'cover',
+            }}
           />
         ) : (
           <DefaultProfileIcon width={24} height={24} />
@@ -81,7 +85,11 @@ const borderStyles = css({
 const baseProfileStyle = flex({
   position: 'absolute',
   top: '2px',
+  width: '28px',
+  height: '28px',
   backgroundColor: 'white',
+  align: 'stretch',
+  rounded: 'full',
   overflow: 'hidden',
 });