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] 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}