monadical/opencode
13
0
Fork 0
Code Issues Pull Requests Actions 5 Packages Projects Releases Wiki Activity

fix: web mobile menu

Browse Source 
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 d5a5e6e062
commit 4be0ba19ca
1 changed files with 2 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
packages/app/src/pages/layout.tsx
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(),
}}