From a7a7293d73b7d76064555b0042f2199d1784ffbb Mon Sep 17 00:00:00 2001
From: Francis Cao <franciscao@gmail.com>
Date: Wed, 15 Oct 2025 12:03:40 -0700
Subject: [PATCH] dvh height for mobile expanded view

---
 src/app/(main)/websites/[websiteId]/ExpandedViewModal.tsx | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/app/(main)/websites/[websiteId]/ExpandedViewModal.tsx b/src/app/(main)/websites/[websiteId]/ExpandedViewModal.tsx
index 76a17fbb..9e50788a 100644
--- 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