From e5c2263e9276ce08eabcab3d12e4d5dfd35ba19b Mon Sep 17 00:00:00 2001
From: Sumit Bisht <sumit7beazt@gmail.com>
Date: Tue, 23 Jan 2024 18:37:02 +0530
Subject: [PATCH 1/2] fix: imporoved document-dropzone ui for small vertical
 screens

---
 apps/web/src/app/(dashboard)/documents/upload-document.tsx | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/apps/web/src/app/(dashboard)/documents/upload-document.tsx b/apps/web/src/app/(dashboard)/documents/upload-document.tsx
index 65b95f9ec..71926dafc 100644
--- a/apps/web/src/app/(dashboard)/documents/upload-document.tsx
+++ b/apps/web/src/app/(dashboard)/documents/upload-document.tsx
@@ -96,10 +96,12 @@ export const UploadDocument = ({ className }: UploadDocumentProps) => {
     }
   };
 
+  const isSmallVerticalScreen = typeof window !== 'undefined' && window.innerHeight < 800;
+
   return (
     <div className={cn('relative', className)}>
       <DocumentDropzone
-        className="min-h-[40vh]"
+        className={`${isSmallVerticalScreen ? 'min-h-[50vh]' : 'min-h-[40vh]'}`}
         disabled={remaining.documents === 0 || !session?.user.emailVerified}
         disabledMessage={disabledMessage}
         onDrop={onFileDrop}

From a30b73ce86374ea0bfa9015c1633bc680f978f80 Mon Sep 17 00:00:00 2001
From: Lucas Smith <me@lucasjamessmith.me>
Date: Fri, 16 Feb 2024 11:02:04 +0000
Subject: [PATCH 2/2] fix: update css

---
 apps/web/src/app/(dashboard)/documents/upload-document.tsx | 4 +---
 1 file changed, 1 insertion(+), 3 deletions(-)

diff --git a/apps/web/src/app/(dashboard)/documents/upload-document.tsx b/apps/web/src/app/(dashboard)/documents/upload-document.tsx
index 71926dafc..f958d5a3f 100644
--- a/apps/web/src/app/(dashboard)/documents/upload-document.tsx
+++ b/apps/web/src/app/(dashboard)/documents/upload-document.tsx
@@ -96,12 +96,10 @@ export const UploadDocument = ({ className }: UploadDocumentProps) => {
     }
   };
 
-  const isSmallVerticalScreen = typeof window !== 'undefined' && window.innerHeight < 800;
-
   return (
     <div className={cn('relative', className)}>
       <DocumentDropzone
-        className={`${isSmallVerticalScreen ? 'min-h-[50vh]' : 'min-h-[40vh]'}`}
+        className="h-[min(400px,50vh)]"
         disabled={remaining.documents === 0 || !session?.user.emailVerified}
         disabledMessage={disabledMessage}
         onDrop={onFileDrop}