chore: style fix

src/pages/verify/index.tsx

@@ -62,7 +62,6 @@ export const VerifyPage = () => {
 
   const [isLoading, setIsLoading] = useState(true)
   const [loadingSpinnerDesc, setLoadingSpinnerDesc] = useState('')
-  const [isDraggingOver, setIsDraggingOver] = useState(false)
 
   const [meta, setMeta] = useState<Meta | null>(null)
   const [signedStatus, setSignedStatus] = useState<SignedStatus>()
@@ -214,18 +213,6 @@ export const VerifyPage = () => {
     handleDecryptedArrayBuffer(arrayBuffer)
   }
 
-  const handleDrop = (event: React.DragEvent<HTMLDivElement>) => {
-    event.preventDefault()
-    setIsDraggingOver(false)
-    const file = event.dataTransfer.files[0]
-    if (file.type === 'application/zip') setSelectedFile(file)
-  }
-
-  const handleDragOver = (event: React.DragEvent<HTMLDivElement>) => {
-    event.preventDefault()
-    setIsDraggingOver(true)
-  }
-
   const handleSign = async () => {
     if (!zip || !meta) return
 
@@ -486,18 +473,9 @@ export const VerifyPage = () => {
               Select sigit file
             </Typography>
 
-            <Box
-              className={styles.inputBlock}
-              onDrop={handleDrop}
-              onDragOver={handleDragOver}
-            >
-              {isDraggingOver && (
-                <Box className={styles.fileDragOver}>
-                  <Typography variant='body1'>Drop file here</Typography>
-                </Box>
-              )}
+            <Box className={styles.inputBlock}>
               <MuiFileInput
-                placeholder='Drop file here, or click to select'
+                placeholder='Select file'
                 value={selectedFile}
                 onChange={(value) => setSelectedFile(value)}
                 InputProps={{
@@ -518,7 +496,7 @@ export const VerifyPage = () => {
             </Box>
 
             {selectedFile && encryptionKey && (
-              <Box sx={{ mt: 1, display: 'flex', justifyContent: 'center' }}>
+              <Box sx={{ mt: 2, display: 'flex', justifyContent: 'center' }}>
                 <Button onClick={handleDecrypt} variant='contained'>
                   Decrypt
                 </Button>

src/pages/verify/style.module.scss

@@ -1,18 +1,31 @@
-.user {
-  display: flex;
-  align-items: center;
-  gap: 10px;
+@import '../../colors.scss';
 
-  .name {
-    text-align: center;
-    cursor: pointer;
+.container {
+  color: $text-color;
+
+  .inputBlock {
+    position: relative;
+    display: flex;
+    flex-direction: column;
+    gap: 25px;
   }
-}
-
-.tableCell {
-  border-right: 1px solid rgba(224, 224, 224, 1);
 
   .user {
-    @extend .user;
+    display: flex;
+    align-items: center;
+    gap: 10px;
+
+    .name {
+      text-align: center;
+      cursor: pointer;
+    }
+  }
+
+  .tableCell {
+    border-right: 1px solid rgba(224, 224, 224, 1);
+
+    .user {
+      @extend .user;
+    }
   }
 }