chore: style fix
All checks were successful
Release / build_and_release (push) Successful in 1m6s

This commit is contained in:
SwiftHawk 2024-05-15 11:19:28 +05:00
parent f65ef0e5b2
commit 8e1f445da6
2 changed files with 28 additions and 37 deletions

View File

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

View File

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