From f05a31a08eb58cf5188500d91636c8681dd7b96f Mon Sep 17 00:00:00 2001
From: ej070961 <ej070961@gmail.com>
Date: Fri, 8 Nov 2024 15:28:18 +0900
Subject: [PATCH] =?UTF-8?q?fix:=20=EC=A6=90=EA=B2=A8=EC=B0=BE=EA=B8=B0=20?=
 =?UTF-8?q?=EB=94=94=EC=9E=90=EC=9D=B8=20=EA=B9=A8=EC=A7=90=20=EC=88=98?=
 =?UTF-8?q?=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/Home/index.tsx       |  3 +++
 src/pages/My/FavoritesPage.tsx | 14 ++++++++------
 2 files changed, 11 insertions(+), 6 deletions(-)

diff --git a/src/pages/Home/index.tsx b/src/pages/Home/index.tsx
index 6726ce0..7ede49a 100644
--- 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
index 8ff3e8a..ca3e266 100644
--- 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>
+    </>
   );
 }