watson/umami
1
0
Fork 0
mirror of https://github.com/umami-software/umami.git synced 2026-02-07 14:17:13 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions 4

Added MobileMenuButton component.

Browse source
This commit is contained in:
Mike Cao 2025-10-14 15:43:57 -07:00
parent d9b08d9491
commit be5f0494cc
5 changed files with 36 additions and 9 deletions
Download patch file Download diff file Expand all files Collapse all files

2
src/components/common/PageHeader.tsx
View file

@ -37,7 +37,7 @@ export function PageHeader({
{icon}
</Icon>
)}
{title && <Heading size="4">{title}</Heading>}
{title && <Heading size={{ xs: '2', md: '3', lg: '4' }}>{title}</Heading>}
</Row>
{description && (
<Text color="muted" truncate style={{ maxWidth: 600 }} title={description}>

18
src/components/input/MobileMenuButton.tsx Normal file
View file

@ -0,0 +1,18 @@
import { Button, Icon, DialogTrigger, Dialog, Modal } from '@umami/react-zen';
import { Menu } from '@/components/icons';
import { ReactNode } from 'react';
export function MobileMenuButton({ children }: { children: ReactNode }) {
return (
<DialogTrigger>
<Button>
<Icon>
<Menu />
</Icon>
</Button>
<Modal position="left" offset="20px">
<Dialog variant="sheet">{children}</Dialog>
</Modal>
</DialogTrigger>
);
}