Mirrors/ProxMenux
1
0
Fork 0
mirror of https://github.com/MacRimi/ProxMenux.git synced 2025-08-14 00:42:23 +00:00
Code Issues Packages Projects Releases Wiki Activity

update

Browse Source
This commit is contained in:
MacRimi 2025-02-18 13:04:41 +01:00
parent e2f5fdfa51
commit cbb6fca3c7
2 changed files with 26 additions and 29 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
web/app/docs/layout.tsx
View File

@ -5,12 +5,13 @@ import Footer from "@/components/footer"
export default function DocsLayout({ children }: { children: React.ReactNode }) { export default function DocsLayout({ children }: { children: React.ReactNode }) {
return ( return (
<div className="flex flex-col min-h-screen bg-white text-gray-900"> <div className="flex flex-col min-h-screen bg-white text-gray-900">
<div className="flex flex-col md:flex-row flex-1 pt-16 md:pt-0"> <div className="flex flex-col lg:flex-row flex-1 pt-16 lg:pt-0">
<DocSidebar /> <DocSidebar />
<main className="flex-1 p-4 md:p-6">{children}</main> <main className="flex-1 p-4 lg:p-6 pt-32 lg:pt-6 overflow-y-auto">
<div className="max-w-3xl mx-auto">{children}</div>
</main>
</div> </div>
<footer /> <Footer />
</div> </div>
) )
} }

16
web/components/DocSidebar.tsx
View File

@ -126,10 +126,9 @@ export default function DocSidebar() {
} }
} }
return ( return (
<> <>
<div className="lg:hidden fixed top-16 left-0 right-0 z-50 bg-gray-100 border-b border-gray-200">
<div className="md:hidden fixed top-16 left-0 right-0 z-40 bg-gray-100 border-b border-gray-200">
<button <button
className="w-full p-4 text-left flex items-center justify-between" className="w-full p-4 text-left flex items-center justify-between"
onClick={toggleMobileMenu} onClick={toggleMobileMenu}
@ -139,17 +138,14 @@ return (
{isMobileMenuOpen ? <X className="h-6 w-6" /> : <Menu className="h-6 w-6" />} {isMobileMenuOpen ? <X className="h-6 w-6" /> : <Menu className="h-6 w-6" />}
</button> </button>
</div> </div>
<nav <nav
className={`fixed md:static top-[104px] left-0 w-full md:min-w-[260px] md:max-w-[260px] h-[calc(100vh-104px)] md:h-auto bg-gray-100 p-4 md:p-6 transform ${ className={`fixed lg:static top-[104px] left-0 w-full lg:w-64 h-[calc(100vh-104px)] lg:h-[calc(100vh-64px)] bg-gray-100 p-4 lg:p-6 pt-16 lg:pt-6 transform ${
isMobileMenuOpen ? "translate-y-0" : "-translate-y-full" isMobileMenuOpen ? "translate-y-0" : "-translate-y-full"
} md:translate-y-0 transition-transform duration-300 ease-in-out overflow-y-auto z-30`} } lg: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 md:mt-0 sr-only md:not-sr-only">Documentation</h2> <h2 className="text-lg font-semibold mb-4 text-gray-900 lg:mt-0 sr-only lg: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>
</> </>
) )
} }