fix: web mobile menu

there is a small shift/misalignment in the side panel on web, not investigating too much as this whole area is in development and may change to make the projects avatar list always in view.
This commit is contained in:
David Hill
2026-01-16 12:54:43 +00:00
parent ba48e14db0
commit 713d2c0b3b
+2 -6
View File
@@ -1532,9 +1532,7 @@ export default function Layout(props: ParentProps) {
<div class="xl:hidden">
<div
classList={{
"fixed inset-x-0 bottom-0 z-40 transition-opacity duration-200": true,
"top-10": platform.platform === "desktop",
"top-0": platform.platform !== "desktop",
"fixed inset-x-0 top-10 bottom-0 z-40 transition-opacity duration-200": true,
"opacity-100 pointer-events-auto": layout.mobileSidebar.opened(),
"opacity-0 pointer-events-none": !layout.mobileSidebar.opened(),
}}
@@ -1544,9 +1542,7 @@ export default function Layout(props: ParentProps) {
/>
<div
classList={{
"@container fixed bottom-0 left-0 z-50 w-72 bg-background-base transition-transform duration-200 ease-out": true,
"top-10": platform.platform === "desktop",
"top-0": platform.platform !== "desktop",
"@container fixed top-10 bottom-0 left-0 z-50 w-72 bg-background-base transition-transform duration-200 ease-out": true,
"translate-x-0": layout.mobileSidebar.opened(),
"-translate-x-full": !layout.mobileSidebar.opened(),
}}