diff options
| author | David Hill <[email protected]> | 2026-01-16 12:29:16 +0000 |
|---|---|---|
| committer | David Hill <[email protected]> | 2026-01-16 12:29:28 +0000 |
| commit | e8dad8523370cc8bd9088abad2a4f13f6853715f (patch) | |
| tree | 84f0ca83ee9d16c5c3743631974c52fea69d4a98 | |
| parent | f197b8a0cd70dc852d494f596a1c3bd69564d13a (diff) | |
| download | opencode-e8dad8523370cc8bd9088abad2a4f13f6853715f.tar.gz opencode-e8dad8523370cc8bd9088abad2a4f13f6853715f.zip | |
fix: responsive menu desktop
| -rw-r--r-- | packages/app/src/pages/layout.tsx | 10 |
1 files changed, 7 insertions, 3 deletions
diff --git a/packages/app/src/pages/layout.tsx b/packages/app/src/pages/layout.tsx index 7142bdf6d..043f4048b 100644 --- a/packages/app/src/pages/layout.tsx +++ b/packages/app/src/pages/layout.tsx @@ -1532,7 +1532,9 @@ export default function Layout(props: ParentProps) { <div class="xl:hidden"> <div classList={{ - "fixed inset-0 z-40 transition-opacity duration-200": true, + "fixed inset-x-0 bottom-0 z-40 transition-opacity duration-200": true, + "top-10": platform.platform === "desktop", + "top-0": platform.platform !== "desktop", "opacity-100 pointer-events-auto": layout.mobileSidebar.opened(), "opacity-0 pointer-events-none": !layout.mobileSidebar.opened(), }} @@ -1542,7 +1544,9 @@ export default function Layout(props: ParentProps) { /> <div classList={{ - "@container fixed inset-y-0 left-0 z-50 w-72 bg-background-base transition-transform duration-200 ease-out": true, + "@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", "translate-x-0": layout.mobileSidebar.opened(), "-translate-x-full": !layout.mobileSidebar.opened(), }} @@ -1555,7 +1559,7 @@ export default function Layout(props: ParentProps) { <main classList={{ "size-full overflow-x-hidden flex flex-col items-start contain-strict border-t border-border-weak-base": true, - "border-l rounded-tl-sm": !layout.sidebar.opened(), + "xl:border-l xl:rounded-tl-sm": !layout.sidebar.opened(), }} > {props.children} |