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:
co-authored by
Claude Opus 4.5
parent
6169a58e86
commit
5880eae4e4
@@ -169,7 +169,7 @@ export function ShareNav({
|
|||||||
</Button>
|
</Button>
|
||||||
</Row>
|
</Row>
|
||||||
{!collapsed && (
|
{!collapsed && (
|
||||||
<Column>
|
<Column flexGrow={1} overflowY="auto">
|
||||||
<SideMenu
|
<SideMenu
|
||||||
items={items}
|
items={items}
|
||||||
selectedKey={selectedKey}
|
selectedKey={selectedKey}
|
||||||
@@ -178,7 +178,11 @@ export function ShareNav({
|
|||||||
/>
|
/>
|
||||||
</Column>
|
</Column>
|
||||||
)}
|
)}
|
||||||
<Column flexGrow={1} justifyContent="flex-end" alignItems={collapsed ? 'center' : undefined}>
|
<Column
|
||||||
|
flexGrow={collapsed ? 1 : undefined}
|
||||||
|
justifyContent="flex-end"
|
||||||
|
alignItems={collapsed ? 'center' : undefined}
|
||||||
|
>
|
||||||
{collapsed ? (
|
{collapsed ? (
|
||||||
<Column gap="2" alignItems="center">
|
<Column gap="2" alignItems="center">
|
||||||
<ThemeButton />
|
<ThemeButton />
|
||||||
|
|||||||
Reference in New Issue
Block a user