Mike CaoandClaude Opus 4.5
489c2712d1
- Remove fixed width, position, and border on mobile - Use 100% width when onItemClick is provided (mobile context) Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
18 lines
454 B
TypeScript
18 lines
454 B
TypeScript
import { Button, Dialog, type DialogProps, DialogTrigger, Icon, Modal } from '@umami/react-zen';
|
|
import { Menu } from '@/components/icons';
|
|
|
|
export function MobileMenuButton(props: DialogProps) {
|
|
return (
|
|
<DialogTrigger>
|
|
<Button>
|
|
<Icon>
|
|
<Menu />
|
|
</Icon>
|
|
</Button>
|
|
<Modal placement="left">
|
|
<Dialog variant="sheet" {...props} style={{ width: 'auto' }} />
|
|
</Modal>
|
|
</DialogTrigger>
|
|
);
|
|
}
|