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,3 +1,15 @@
+@import '../../colors.scss';
+
+.container {
+  color: $text-color;
+
+  .inputBlock {
+    position: relative;
+    display: flex;
+    flex-direction: column;
+    gap: 25px;
+  }
+
   .user {
     display: flex;
     align-items: center;
@@ -16,3 +28,4 @@
       @extend .user;
     }
   }
+}