From 1b190af0c0bfc1f51abd3bc420337a76610af300 Mon Sep 17 00:00:00 2001
From: leejin_rho <tbdpapdl@gmail.com>
Date: Tue, 2 Jul 2024 17:38:04 +0900
Subject: [PATCH] =?UTF-8?q?#29=20fix:=20z-index=EA=B0=92=20=EB=8B=A4=20?=
 =?UTF-8?q?=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/NavBar.tsx                 | 2 +-
 components/calendar/CalendarModal.tsx | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/components/NavBar.tsx b/components/NavBar.tsx
index d7866b7..d7a93e3 100644
--- a/components/NavBar.tsx
+++ b/components/NavBar.tsx
@@ -20,7 +20,7 @@ const NavBar = () => {
     <>
       <div className="w-full min-h-[4rem]" />
       <div
-        className="flex flex-basis h-[4rem] w-full fixed inset-x-0 bottom-0 z-9"
+        className="flex flex-basis h-[4rem] w-full fixed inset-x-0 bottom-0 z-20"
         style={{
           borderTop: "0.5px solid rgba(112, 115, 124, 0.16)",
           backgroundColor: "#ffffff",
diff --git a/components/calendar/CalendarModal.tsx b/components/calendar/CalendarModal.tsx
index 05da038..2a34b95 100644
--- a/components/calendar/CalendarModal.tsx
+++ b/components/calendar/CalendarModal.tsx
@@ -21,7 +21,7 @@ const CalendarModal = ({
         className="w-screen h-full flex flex-col items-center justify-center fixed bg-[rgba(1,0,0,0.4)] z-10"
         key={programIdx}
       >
-        <div className="flex flex-col relative items-center justify-center w-[80%] h-[60%] bg-white z-10 rounded-xl py-5 px-8 gap-3">
+        <div className="flex flex-col relative items-center justify-center w-[80%] h-[60%] bg-white z-40 rounded-xl py-5 px-8 gap-3">
           <Close className="absolute right-3 top-3" onClick={toggleModal} />
           <div className="h0 text-main-color h-fit">{data.name}</div>
           <div className="flex flex-col mt-3 flex-grow h-full w-full gap-3 overflow-auto scrollbar-hide">