From 1cc0d489a165977a9220545ff0c11f8ab2189e33 Mon Sep 17 00:00:00 2001
From: sk1982 <sk1982@noreply.gitea.tendokyu.moe>
Date: Thu, 14 Mar 2024 01:57:50 -0400
Subject: [PATCH] fix header z-index

---
 src/components/header-sidebar.tsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/components/header-sidebar.tsx b/src/components/header-sidebar.tsx
index 8efbc2e..6bdb4c3 100644
--- a/src/components/header-sidebar.tsx
+++ b/src/components/header-sidebar.tsx
@@ -33,9 +33,9 @@ export const HeaderSidebar = ({ children }: HeaderSidebarProps) => {
 	const routeGroup = ROUTES.find(route => route.title === from || path?.startsWith(route.url))!;
 
 	return (<>
-		<div className={`fixed inset-0 w-full h-full z-[9999] ${isMenuOpen ? '' : 'pointer-events-none'}`}>
+		<div className={`fixed inset-0 w-full h-full z-[9999999] ${isMenuOpen ? '' : 'pointer-events-none'}`}>
 			<div className={`transition bg-black z-40 absolute inset-0 w-full h-full ${isMenuOpen ? 'bg-opacity-25' : 'bg-opacity-0 pointer-events-none'}`} onClick={() => setMenuOpen(false)} />
-			<div className={`dark flex flex-col text-white absolute p-6 top-0 h-full max-w-full w-96 bg-gray-950 z-[9999] transition-all ${isMenuOpen ? 'left-0 shadow-2xl' : '-left-full'}`}>
+			<div className={`dark flex flex-col text-white absolute p-6 top-0 h-full max-w-full w-96 bg-gray-950 z-[9999999] transition-all ${isMenuOpen ? 'left-0 shadow-2xl' : '-left-full'}`}>
 				<div className="flex">
 					<Button className="text-2xl mb-6 font-bold cursor-pointer flex items-center ps-1.5 pe-2" variant="light"
 						onClick={() => setMenuOpen(false)}>
@@ -82,7 +82,7 @@ export const HeaderSidebar = ({ children }: HeaderSidebarProps) => {
 			</div>
 		</div>
 		<div className="flex flex-col flex-grow">
-			<div className="flex p-6 items-center flex-shrink-0 fixed top-0 left-0 w-full bg-background/80 z-[9998] backdrop-blur-2xl">
+			<div className="flex p-6 items-center flex-shrink-0 fixed top-0 left-0 w-full bg-background/80 z-[9999998] backdrop-blur-2xl">
 				<Button className="text-2xl font-bold cursor-pointer flex items-center m-0 ps-1.5 pe-2 mr-6" variant="light"
 					onClick={() => setMenuOpen(true)}>
 					<Bars3Icon className="h-6 mt-0.5" />
@@ -114,7 +114,7 @@ export const HeaderSidebar = ({ children }: HeaderSidebarProps) => {
 					</Button>
 				</div>
 			</div>
-			<div className="sm:px-5 flex-grow pt-fixed">
+			<div className="sm:px-5 flex-grow pt-fixed flex flex-col">
 				{children}
 			</div>
 		</div>