From d21b788652d952b80800964c3a68b3d0747f7318 Mon Sep 17 00:00:00 2001
From: motaju <koreacomp5@gmail.com>
Date: Thu, 16 Oct 2025 00:29:44 +0000
Subject: [PATCH] =?UTF-8?q?=EC=95=88=EB=93=9C=EB=A1=9C=EC=9D=B4=EB=93=9C?=
 =?UTF-8?q?=20=ED=95=98=EB=8B=A8=20=EB=B2=84=ED=8A=BC=20=EB=8C=80=EC=9D=91?=
 =?UTF-8?q?=EC=9D=91?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 app/components/Dashboard.tsx | 6 ++++--
 app/components/NavBar.tsx    | 6 ++++--
 2 files changed, 8 insertions(+), 4 deletions(-)

diff --git a/app/components/Dashboard.tsx b/app/components/Dashboard.tsx
index bd2e2cb..1908ea1 100644
--- a/app/components/Dashboard.tsx
+++ b/app/components/Dashboard.tsx
@@ -399,10 +399,12 @@ export default function Page({user}: {user: any}) {
     sm:grid-rows-[36px_minmax(400px,600px)_minmax(200px,250px)_minmax(200px,250px)]
     gap-2
     w-full
-    h-full
+    h-[100dvh]
     lg:gap-5
     py-2
-    ">
+    "
+    style={{ paddingBottom: 'max(env(safe-area-inset-bottom), 84px)' }}
+    >
       <div className="order-1 col-[1/5] row-[1/2] flex flex-row">
         <div className="grow h-[48px] flex flex-row items-center overflow-y-hidden overflow-x-auto mx-1 scrollbar-thin-x scrollbar-outside-x" style={{ scrollbarGutter: 'stable both-edges' }}>
           {myChannelList.length === 0 ? (
diff --git a/app/components/NavBar.tsx b/app/components/NavBar.tsx
index bb4beb4..85a4f5e 100644
--- a/app/components/NavBar.tsx
+++ b/app/components/NavBar.tsx
@@ -21,7 +21,7 @@ const NavBar: React.FC<NavBarProps> = ({ isOpen, setIsOpen, user }) => {
       bg-white 
       text-black 
       p-4
-      h-[100vh]
+      h-[100dvh]
       overflow-y-auto
       flex-col
       flex
@@ -36,7 +36,9 @@ const NavBar: React.FC<NavBarProps> = ({ isOpen, setIsOpen, user }) => {
       lg:min-w-[300px] 
       lg:basis-[300px] 
       lg:shirink-0 
-      lg:ml-5 sm:mr-5`}>
+      lg:ml-5 sm:mr-5`}
+      style={{ paddingBottom: 'max(env(safe-area-inset-bottom), 1rem)' }}
+    >
         <div className="flex-0 hidden lg:block">
           <Link href="/">
             <div className="flex items-center justify-center gap-1 mb-5 p-2 cursor-pointer">