UI Experiment: fix offscreen elements on mobile

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

Hide file tree

Showing 2 changed files with 3 additions and 1 deletion.
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-svh max-h-svh min-h-svh bg-base-100"
+      className="grid !h-dvh bg-base-100"
       {...getRootProps()}
       onClick={undefined}
     >

diff --git a/src/index.css b/src/index.css
@@ -102,6 +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;
 }
 
 code {