diff options
| author | David Hill <[email protected]> | 2026-01-16 12:54:43 +0000 |
|---|---|---|
| committer | David Hill <[email protected]> | 2026-01-16 12:54:54 +0000 |
| commit | 4be0ba19cadc41fa12ffa711dbfa99dfe42201bb (patch) | |
| tree | 360af5d0737f1d50553c47f7bc7bab108216cc2e | |
| parent | d5a5e6e0623049f999276a278bbdfbc2c96093d2 (diff) | |
| download | opencode-4be0ba19cadc41fa12ffa711dbfa99dfe42201bb.tar.gz opencode-4be0ba19cadc41fa12ffa711dbfa99dfe42201bb.zip | |
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.
| -rw-r--r-- | packages/app/src/pages/layout.tsx | 8 |
1 files changed, 2 insertions, 6 deletions
diff --git a/packages/app/src/pages/layout.tsx b/packages/app/src/pages/layout.tsx index 043f4048b..8dddeaf64 100644 --- a/packages/app/src/pages/layout.tsx +++ b/packages/app/src/pages/layout.tsx @@ -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(), }} |