Fixes for mobile.
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-18 01:12:45 -07:00
parent bcafa12349
commit 9a5604f236
11 changed files with 38 additions and 58 deletions

View file

@ -33,7 +33,7 @@ export function MobileNav() {
];
return (
<Grid columns="auto 1fr" flexGrow={1}>
<Grid columns="auto 1fr" flexGrow={1} backgroundColor="3" borderRadius>
<MobileMenuButton>
{({ close }) => {
return (

View file

@ -1,6 +1,6 @@
import { Dialog, Modal, useBreakpoint } from '@umami/react-zen';
import { Dialog, Modal } from '@umami/react-zen';
import { WebsiteExpandedView } from '@/app/(main)/websites/[websiteId]/WebsiteExpandedView';
import { useNavigation } from '@/components/hooks';
import { useNavigation, useMobile } from '@/components/hooks';
export function ExpandedViewModal({
websiteId,
@ -14,8 +14,7 @@ export function ExpandedViewModal({
query: { view },
updateParams,
} = useNavigation();
const breakpoint = useBreakpoint();
const isMobile = ['xs', 'sm', 'md'].includes(breakpoint);
const { isMobile } = useMobile();
const handleClose = (close: () => void) => {
router.push(updateParams({ view: undefined }));