Skip to content

Commit 4be0ba1

Browse files
committed
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.
1 parent d5a5e6e commit 4be0ba1

File tree

1 file changed

+2
-6
lines changed

1 file changed

+2
-6
lines changed

packages/app/src/pages/layout.tsx

Lines changed: 2 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -1532,9 +1532,7 @@ export default function Layout(props: ParentProps) {
15321532
<div class="xl:hidden">
15331533
<div
15341534
classList={{
1535-
"fixed inset-x-0 bottom-0 z-40 transition-opacity duration-200": true,
1536-
"top-10": platform.platform === "desktop",
1537-
"top-0": platform.platform !== "desktop",
1535+
"fixed inset-x-0 top-10 bottom-0 z-40 transition-opacity duration-200": true,
15381536
"opacity-100 pointer-events-auto": layout.mobileSidebar.opened(),
15391537
"opacity-0 pointer-events-none": !layout.mobileSidebar.opened(),
15401538
}}
@@ -1544,9 +1542,7 @@ export default function Layout(props: ParentProps) {
15441542
/>
15451543
<div
15461544
classList={{
1547-
"@container fixed bottom-0 left-0 z-50 w-72 bg-background-base transition-transform duration-200 ease-out": true,
1548-
"top-10": platform.platform === "desktop",
1549-
"top-0": platform.platform !== "desktop",
1545+
"@container fixed top-10 bottom-0 left-0 z-50 w-72 bg-background-base transition-transform duration-200 ease-out": true,
15501546
"translate-x-0": layout.mobileSidebar.opened(),
15511547
"-translate-x-full": !layout.mobileSidebar.opened(),
15521548
}}

0 commit comments

Comments
 (0)