Skip to content
8 changes: 4 additions & 4 deletions src/shared/components/header/Header.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -45,7 +45,7 @@ export default function Header({
<header className={headerClassName}>
<IconSystemBack
aria-label='뒤로가기'
className='h-[2.4rem] w-[2.4rem] cursor-pointer'
className='h-[2.4rem] w-[2.4rem] cursor-pointer transition-transform active:scale-90 hover:opacity-70'
onClick={handleClickBack}
/>

Expand All @@ -56,20 +56,20 @@ export default function Header({
{liked ? (
<IconHeartFill
aria-label='하트 취소'
className='h-[2.4rem] w-[2.4rem] cursor-pointer'
className='h-[2.4rem] w-[2.4rem] cursor-pointer transition-transform active:scale-90 hover:opacity-70'
onClick={() => setLiked(false)}
/>
) : (
<IconHeart
aria-label='하트 클릭'
className='h-[2.4rem] w-[2.4rem] cursor-pointer'
className='h-[2.4rem] w-[2.4rem] cursor-pointer transition-transform active:scale-90 hover:opacity-70'
onClick={() => setLiked(true)}
/>
)}

<IconSystemShare
aria-label='공유하기'
className='h-[2.4rem] w-[2.4rem] cursor-pointer text-white'
className='h-[2.4rem] w-[2.4rem] cursor-pointer text-white transition-transform active:scale-90 hover:opacity-70'
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

추가해주신 속성들이 반복되고 있는데, 아예 따로 변수로 정의해두고 cn으로 합쳐도 좋을 것 같아요!

/>
</div>
}
Expand Down