watson/umami
1
0
Fork 0
mirror of https://github.com/umami-software/umami.git synced 2026-02-04 04:37:11 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions 3

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

Browse source
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
Download patch file Download diff file Expand all files Collapse all files

2
src/app/(main)/MobileNav.tsx
View file

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

6
src/app/share/[slug]/[[...path]]/ShareNav.tsx
View file

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

2
src/components/input/MobileMenuButton.tsx
View file

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