Mobile fixes.
Some checks are pending
Create docker images (cloud) / Build, push, and deploy (push) Waiting to run
Node.js CI / build (postgresql, 18.18, 10) (push) Waiting to run

This commit is contained in:
Mike Cao 2025-10-14 23:10:27 -07:00
parent 5c3a6ce8ce
commit 9df012084d
3 changed files with 9 additions and 2 deletions

View file

@ -1,6 +1,6 @@
{
"name": "@umami/components",
"version": "0.128.0",
"version": "0.129.0",
"description": "Umami React components.",
"author": "Mike Cao <mike@mikecao.com>",
"license": "MIT",

View file

@ -29,7 +29,12 @@ export function App({ children }) {
}
return (
<Grid columns={{ xs: '1fr', lg: 'auto 1fr' }} height="100vh" width="100%">
<Grid
columns={{ xs: '1fr', lg: 'auto 1fr' }}
rows={{ xs: 'auto 1fr', lg: '1fr' }}
height={{ xs: 'auto', lg: '100vh' }}
width="100%"
>
<Row display={{ xs: 'flex', lg: 'none' }} alignItems="center" gap padding="3">
<MobileNav />
</Row>

View file

@ -16,6 +16,7 @@ import { useMessages, useNavigation } from '@/components/hooks';
import Link from 'next/link';
import { WebsiteNav } from '@/app/(main)/websites/[websiteId]/WebsiteNav';
import { Logo } from '@/components/svg';
import { NavButton } from '@/components/input/NavButton';
export function MobileNav() {
const { formatMessage, labels } = useMessages();
@ -53,6 +54,7 @@ export function MobileNav() {
<Modal position="left" offset="80px">
<Dialog variant="sheet">
<NavMenu padding="3">
<NavButton />
{links.map(link => {
return (
<Link key={link.id} href={link.path}>