From c2026f4f3f4160f8778bcb632c0065428d01712d Mon Sep 17 00:00:00 2001
From: leejin_rho <tbdpapdl@gmail.com>
Date: Tue, 2 Jul 2024 17:15:42 +0900
Subject: [PATCH] =?UTF-8?q?#29=20style:=20navbar=20ui=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/NavBar.tsx | 1 +
 pages/calendar.tsx    | 2 +-
 pages/index.tsx       | 5 ++++-
 3 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/components/NavBar.tsx b/components/NavBar.tsx
index ed5274b..ab19362 100644
--- a/components/NavBar.tsx
+++ b/components/NavBar.tsx
@@ -18,6 +18,7 @@ const NavBar = () => {
 
   return (
     <>
+      <div className="w-full min-h-[4rem]" />
       <div
         className="flex flex-basis h-[4rem] w-full fixed inset-x-0 bottom-0 "
         style={{
diff --git a/pages/calendar.tsx b/pages/calendar.tsx
index 9136505..7e695de 100644
--- a/pages/calendar.tsx
+++ b/pages/calendar.tsx
@@ -32,7 +32,7 @@ const CalendarPage: NextPage = () => {
           toggleModal={() => setIsModal(false)}
         />
       ) : null}
-      <div className="flex flex-col w-full h-screen pb-[4rem]">
+      <div className="flex flex-col w-full h-screen">
         <HeadFunction title="캘린더" />
         <div className="flex flex-col flex-grow pt-[1.5rem] items-center overflow-auto scrollbar-hide">
           <div className="h-fit w-full flex flex-row justify-start items-end px-[1rem] gap-3">
diff --git a/pages/index.tsx b/pages/index.tsx
index 3dac6e5..bd9901c 100644
--- a/pages/index.tsx
+++ b/pages/index.tsx
@@ -20,7 +20,10 @@ const Home: NextPage = () => {
   };
 
   return (
-    <FlexBox direction="col" className="w-full h-full justify-between">
+    <FlexBox
+      direction="col"
+      className="w-full h-full justify-between overflow-auto scrollbar-hide"
+    >
       <HomeChallenge onNotify={notify} />
       <NavBar />
       <ToastContainer