Fix NavMenu scrolling on mobile

- Add overflowY="auto" and flexGrow to menu container
- Menu now scrolls when content exceeds viewport height

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
Mike Cao 2026-01-29 00:34:47 -08:00
parent 6169a58e86
commit 5880eae4e4

View file

@ -169,7 +169,7 @@ export function ShareNav({
</Button>
</Row>
{!collapsed && (
<Column>
<Column flexGrow={1} overflowY="auto">
<SideMenu
items={items}
selectedKey={selectedKey}
@ -178,7 +178,11 @@ export function ShareNav({
/>
</Column>
)}
<Column flexGrow={1} justifyContent="flex-end" alignItems={collapsed ? 'center' : undefined}>
<Column
flexGrow={collapsed ? 1 : undefined}
justifyContent="flex-end"
alignItems={collapsed ? 'center' : undefined}
>
{collapsed ? (
<Column gap="2" alignItems="center">
<ThemeButton />