feat: make mobile menu background transparent on large screens

This commit is contained in:
2025-11-07 20:49:31 +01:00
parent 73abd593e3
commit 9bccc89309

View File

@@ -90,7 +90,7 @@ export function Header() {
</nav> </nav>
<Dialog as="div" className="lg:hidden" open={mobileMenuOpen} onClose={setMobileMenuOpen}> <Dialog as="div" className="lg:hidden" open={mobileMenuOpen} onClose={setMobileMenuOpen}>
<div className="fixed inset-0 z-10" /> <div className="fixed inset-0 z-10" />
<Dialog.Panel className="fixed inset-y-0 right-0 z-10 w-full overflow-y-auto bg-white px-6 py-6 sm:max-w-sm sm:ring-1 sm:ring-gray-900/10"> <Dialog.Panel className="fixed inset-y-0 right-0 z-10 w-full overflow-y-auto lg:bg-transparent bg-white px-6 py-6 sm:max-w-sm sm:ring-1 sm:ring-gray-900/10">
<div className="flex items-center justify-between"> <div className="flex items-center justify-between">
<Link to="#" className="-m-1.5 p-1.5"> <Link to="#" className="-m-1.5 p-1.5">
<span className="sr-only">Mycelium</span> <span className="sr-only">Mycelium</span>