Fixed mobile menus.
Some checks failed
Node.js CI / build (push) Has been cancelled

This commit is contained in:
Mike Cao 2026-01-29 09:23:53 -08:00
parent 9b310dacef
commit abfb78bb98
3 changed files with 5 additions and 5 deletions

View file

@ -42,7 +42,7 @@ export function MobileNav() {
{({ close }) => {
return (
<>
<NavMenu padding="3" onItemClick={close} border="bottom">
<NavMenu padding="3" onItemClick={close} border="bottom" width="100%">
<NavButton />
{links.map(link => {
return (

View file

@ -144,12 +144,12 @@ export function ShareNav({
position={isMobile ? undefined : 'fixed'}
padding="3"
width={isMobile ? '100%' : collapsed ? '60px' : '240px'}
maxHeight="100vh"
height="100vh"
maxHeight="100dvh"
height="100dvh"
border={isMobile ? undefined : 'right'}
borderColor={isMobile ? undefined : '4'}
>
<Row as="header" gap alignItems="center" paddingY="3" justifyContent="space-between">
<Row as="header" gap alignItems="center" justifyContent="space-between">
{!collapsed && (
<a href={logoUrl} target="_blank" rel="noopener" style={{ marginLeft: 12 }}>
<Row alignItems="center" gap>

View file

@ -9,7 +9,7 @@ export function MobileMenuButton(props: DialogProps) {
<Menu />
</Icon>
</Button>
<Modal placement="left">
<Modal placement="left" offset="80px">
<Dialog variant="sheet" {...props} style={{ width: 'auto' }} />
</Modal>
</DialogTrigger>