Merge pull request #136 from part4-6team/develop

fix : 모바일 하트 애니메이션 버그 수정
part4-6team · Dec 16, 2024 · ca76a1d · ca76a1d
2 parents e3b44b5 + 0e8d743
commit ca76a1d
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 3 deletions.
diff --git a/public/sw.js.map b/public/sw.js.map
diff --git a/src/components/article/DetailCard.tsx b/src/components/article/DetailCard.tsx
@@ -117,7 +117,7 @@ export default function DetailCard() {
                 {data?.commentCount}
               </span>
             </div>
-            <div className="flex items-center gap-1">
+            <div className="z-20 flex items-center gap-1">
               <Heart articleId={data?.id} />
               <span className="text-xs-regular text-slate-400 md:text-md-medium">
                 {data?.likeCount}

diff --git a/src/components/article/Heart.tsx b/src/components/article/Heart.tsx
@@ -77,7 +77,7 @@ export default function Heart({ articleId }: HeartProps) {
             initial={{ opacity: 0, scale: 0 }}
             animate={{ opacity: 1, scale: 1 }}
             exit={{ opacity: 0, scale: 0 }}
-            className="fixed bottom-1/2 left-1/2"
+            className="fixed bottom-1/2 left-1/2 -translate-x-1/2 translate-y-1/2 transform md:left-1/2"
           >
             <Image
               alt="하트 클릭 애니메이션"