From 6fc114f16c87d9769876e0b3e5fbc26fcc4814dd Mon Sep 17 00:00:00 2001
From: spencerwooo <spencer.woo@outlook.com>
Date: Wed, 30 Jun 2021 12:34:08 +0100
Subject: [PATCH] fix navbar zindex, close #8

---
 components/FileListing.tsx | 1 +
 components/Navbar.tsx      | 2 +-
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/components/FileListing.tsx b/components/FileListing.tsx
index 4a4a877..b6d8369 100644
--- a/components/FileListing.tsx
+++ b/components/FileListing.tsx
@@ -149,6 +149,7 @@ const FileListing: FunctionComponent<{ query?: ParsedUrlQuery }> = ({ query }) =
 
         {imagesInFolder.length !== 0 && (
           <ReactViewer
+            zIndex={99}
             visible={imageViewerVisible}
             activeIndex={activeImageIdx}
             images={imagesInFolder}
diff --git a/components/Navbar.tsx b/components/Navbar.tsx
index 5738557..84f6bac 100644
--- a/components/Navbar.tsx
+++ b/components/Navbar.tsx
@@ -4,7 +4,7 @@ import siteConfig from '../config/site.json'
 
 const Navbar = () => {
   return (
-    <div className="text-left bg-white p-3 sticky top-0 bg-opacity-80 backdrop-blur-md shadow-sm">
+    <div className="text-left bg-white p-3 sticky top-0 bg-opacity-80 backdrop-blur-md shadow-sm z-[100]">
       <div className="max-w-4xl w-full mx-auto flex items-center justify-between">
         <h1 className="font-bold text-xl">{siteConfig.title}</h1>
         <a href="https://github.com/spencerwooo/onedrive-vercel-index" target="_blank" rel="noopener noreferrer">