dvh height for mobile expanded view

2025-10-15 12:03:40 -07:00
parent a2b1089e62
commit a7a7293d73
1 changed files with 3 additions and 1 deletions
--- a/src/app/(main)/websites/[websiteId]/ExpandedViewModal.tsx
+++ b/src/app/(main)/websites/[websiteId]/ExpandedViewModal.tsx
@@ -26,9 +26,11 @@ export function ExpandedViewModal({
    }
  };

+  const height = CSS.supports('height', '100dvh') ? 'calc(100dvh - 40px)' : 'calc(100vh - 40px)';
+
  return (
    <Modal isOpen={!!view} onOpenChange={handleOpenChange} isDismissable>
-      <Dialog style={{ maxWidth: 1320, width: '100vw', height: 'calc(100vh - 40px)' }}>
+      <Dialog style={{ maxWidth: 1320, width: '100vw', height: height }}>
        {({ close }) => {
          return (
            <WebsiteExpandedView