diff options
| -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} |