Update DocSidebar.tsx

This commit is contained in:
MacRimi 2025-02-17 23:16:45 +01:00 committed by GitHub
parent 6e0363b948
commit 214c8144a3
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194

View File

@ -126,8 +126,9 @@ export default function DocSidebar() {
}
}
return (
return (
<>
<div className="md:hidden fixed top-16 left-0 right-0 z-40 bg-gray-100 border-b border-gray-200">
<button
className="w-full p-4 text-left flex items-center justify-between"
@ -138,8 +139,9 @@ export default function DocSidebar() {
{isMobileMenuOpen ? <X className="h-6 w-6" /> : <Menu className="h-6 w-6" />}
</button>
</div>
<nav
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 ${
className={`fixed md:static top-[104px] left-0 w-full md:min-w-[200px] md:max-w-[260px] h-[calc(100vh-104px)] md:h-auto bg-gray-100 p-4 md:p-6 transform ${
isMobileMenuOpen ? "translate-y-0" : "-translate-y-full"
} md:translate-y-0 transition-transform duration-300 ease-in-out overflow-y-auto z-30`}
>
@ -147,7 +149,7 @@ export default function DocSidebar() {
<ul className="space-y-2">{sidebarItems.map(renderMenuItem)}</ul>
</nav>
</>
)
}
)