fix: 즐겨찾기 디자인 깨짐 수정

9oormthonUniv-seoultech · Nov 8, 2024 · f05a31a · f05a31a
1 parent 5a529b5
commit f05a31a
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 6 deletions.
diff --git a/src/pages/Home/index.tsx b/src/pages/Home/index.tsx
@@ -23,4 +23,7 @@ function Home() {
 export default Home;
 const Layout = styled.div`
   ${tw`flex flex-col [max-width: 480px] w-full h-[100vh] items-center m-auto`}
+  @supports (-webkit-touch-callout: none) {
+    height: -webkit-fill-available;
+  }
 `;
diff --git a/src/pages/My/FavoritesPage.tsx b/src/pages/My/FavoritesPage.tsx
@@ -14,19 +14,21 @@ function FavoritesPage() {
     queryFn: () => getPhotoLikes(accessToken!),
   });
   return (
-    <Container>
+    <>
       {likedPhotoData &&
         (likedPhotoData.length > 0 ? (
-          likedPhotoData.map((item, index) => (
-            <ImageCard id={item.albumId} photoUrl={item.photoUrl} isLiked={item.like} key={index} />
-          ))
+          <Container>
+            {likedPhotoData.map((item, index) => (
+              <ImageCard id={item.albumId} photoUrl={item.photoUrl} isLiked={item.like} key={index} />
+            ))}
+          </Container>
         ) : (
-          <div className="w-full flex flex-col items-center mx-auto mt-20">
+          <div className="flex flex-col items-center mx-auto mt-20">
             <NoImage />
             <p className="text-gray400 mt-4">즐겨찾기한 사진이 없어요</p>
           </div>
         ))}
-    </Container>
+    </>
   );
 }