UI Experiment P2: fix offscreen elements on mobile

mrdjohnson · Jul 24, 2024 · 6801c2d · 6801c2d
1 parent 94f7708
commit 6801c2d
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/src/containers/Dropzone.tsx b/src/containers/Dropzone.tsx
@@ -11,7 +11,7 @@ const Dropzone = ({ children }: PropsWithChildren) => {
 
   return (
     <div
-      className="grid !h-dvh bg-base-100"
+      className="grid !h-svh !max-h-svh bg-base-100"
       {...getRootProps()}
       onClick={undefined}
     >

diff --git a/src/index.css b/src/index.css
@@ -102,8 +102,8 @@ body {
     'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
-  max-height: 100dvh;
-  height: 100dvh;
+  max-height: 100svh !important;
+  height: 100svh !important;
 }
 
 code {