5UP3RB/actaeon
1
0
Fork 0
forked from sk1982/actaeon
Code Pull Requests Activity

fix header z-index

Browse Source
This commit is contained in:
sk1982 2024-03-14 01:57:50 -04:00
parent 3f22720bff
commit 1cc0d489a1
1 changed files with 4 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/components/header-sidebar.tsx
View File

@ -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>