Mirrors/ProxMenux
1
0
Fork 0
mirror of https://github.com/MacRimi/ProxMenux.git synced 2025-06-28 12:16:53 +00:00
Code Issues Packages Projects Releases Wiki Activity

Update DocSidebar.tsx

Browse Source
This commit is contained in:
MacRimi 2025-02-17 18:52:57 +01:00 committed by GitHub
parent fb5e1cf209
commit fe7fb6b0a9
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 15 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
web/components/DocSidebar.tsx
View File

@ -128,21 +128,25 @@ export default function DocSidebar() {
return ( return (
<> <>
<button <div className="md:hidden fixed top-16 left-0 right-0 z-40 bg-gray-100 border-b border-gray-200">
className="md:hidden fixed top-4 right-4 z-50 p-2 bg-gray-100 rounded-md" <button
onClick={toggleMobileMenu} className="w-full p-4 text-left flex items-center justify-between"
aria-label="Toggle menu" onClick={toggleMobileMenu}
> aria-label="Toggle menu"
{isMobileMenuOpen ? <X className="h-6 w-6" /> : <Menu className="h-6 w-6" />} >
</button> <span className="font-semibold">Documentation</span>
{isMobileMenuOpen ? <X className="h-6 w-6" /> : <Menu className="h-6 w-6" />}
</button>
</div>
<nav <nav
className={`fixed md:static top-16 left-0 w-full h-[calc(100vh-4rem)] md:h-auto md:w-64 bg-gray-100 p-4 md:p-6 transform ${ className={`fixed md:static top-[104px] left-0 w-full h-[calc(100vh-104px)] md:h-auto md:w-64 bg-gray-100 p-4 md:p-6 transform ${
isMobileMenuOpen ? "translate-x-0" : "-translate-x-full" isMobileMenuOpen ? "translate-y-0" : "-translate-y-full"
} md:translate-x-0 transition-transform duration-300 ease-in-out overflow-y-auto z-40`} } md:translate-y-0 transition-transform duration-300 ease-in-out overflow-y-auto z-30`}
> >
<h2 className="text-lg font-semibold mb-4 text-gray-900">Documentation</h2> <h2 className="text-lg font-semibold mb-4 text-gray-900 md:mt-0 sr-only md:not-sr-only">Documentation</h2>
<ul className="space-y-2">{sidebarItems.map(renderMenuItem)}</ul> <ul className="space-y-2">{sidebarItems.map(renderMenuItem)}</ul>
</nav> </nav>
</> </>
) )
} }