fix: imporoved document-dropzone ui for small vertical screens

This commit is contained in:
Sumit Bisht
2024-01-23 18:37:02 +05:30
parent bc1d5cea0a
commit e5c2263e92

View File

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