#29 style: navbar ui 수정

team-Ollie · Jul 2, 2024 · c2026f4 · c2026f4
1 parent 69efea3
commit c2026f4
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 2 deletions.
diff --git 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
@@ -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
@@ -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