From f2d942aaf465b96d91746c121d719f8315a51d32 Mon Sep 17 00:00:00 2001
From: CloudLun <cloud830902@gmail.com>
Date: Fri, 22 Mar 2024 03:48:52 -0400
Subject: [PATCH] change the z-index of hamburger

---
 components/infoPage/infoBox/InfoBox.tsx | 2 +-
 components/narrative/Narrative.tsx      | 6 +++---
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/components/infoPage/infoBox/InfoBox.tsx b/components/infoPage/infoBox/InfoBox.tsx
index bdff058..e6116bb 100644
--- a/components/infoPage/infoBox/InfoBox.tsx
+++ b/components/infoPage/infoBox/InfoBox.tsx
@@ -63,7 +63,7 @@ const InfoBox = () => {
                     </div>
                 </div>
             </div>
-            <div className={`absolute top-6 left-4 lg:left-[calc(100%_-_3.5rem)] flex items-center justify-center w-10 h-10 bg-[rgba(255,255,255,.65)] z-30 shadow-2xl`} onClick={() => boxShown ? boxShownClickHandler(false) : boxShownClickHandler(true)}>
+            <div className={`absolute top-6 left-4 lg:left-[calc(100%_-_3.5rem)] flex items-center justify-center w-10 h-10 bg-[rgba(255,255,255,.65)] z-40 shadow-2xl`} onClick={() => boxShown ? boxShownClickHandler(false) : boxShownClickHandler(true)}>
                 {
                     boxShown ? <XMarkIcon className='w-6 h-6 text-black' /> : <Bars3Icon className='w-5 h-5 text-black' />
                 }
diff --git a/components/narrative/Narrative.tsx b/components/narrative/Narrative.tsx
index d258c04..7bb02d3 100644
--- a/components/narrative/Narrative.tsx
+++ b/components/narrative/Narrative.tsx
@@ -20,9 +20,9 @@ const Narrative = () => {
         <>
             {
                 openNarrative && (
-                    <div className="z-30 w-full h-[100vh] overflow-y-auto">
-                        <img src="/logos/floodgen_logo_white.png" className="absolute left-8 top-12 w-[155px] h-[38.75px] z-30" alt="logos_white" />
-                        <div className="absolute right-8 top-12 flex items-center justify-center w-[35px] h-[35px] bg-[#E7E7E7] bg-opacity-60 rounded-full z-30 cursor-pointer">
+                    <div className="absolute top-0 left-0  z-50 w-full h-[100vh] overflow-y-auto">
+                        <img src="/logos/floodgen_logo_white.png" className="absolute left-8 top-6 w-[155px] h-[38.75px] z-50" alt="logos_white" />
+                        <div className="absolute right-4 top-6 flex items-center justify-center w-[35px] h-[35px] bg-[#E7E7E7] bg-opacity-60 rounded-full z-50 cursor-pointer">
                             <XMarkIcon width={24} height={24} className=" text-black font-thin " onClick={clickHandler}/>
                         </div>