edit styles

src/app/components/upload-section-file.tsx

@@ -305,22 +305,27 @@ export default function UploadSectionFile({ fileType, allowedExtensions, maxFile
 				onDragOver={handleDragOver}
 				onDragLeave={handleDragLeave}
 				onDrop={handleDrop}
-				style={{
-					border: isDragging ? '2px dashed #3b82f6' : '2px dashed #d1d5db',
-					backgroundColor: isDragging ? '#eff6ff' : '#f9fafb',
-					padding: '2rem',
-					borderRadius: '.75rem',
-					textAlign: 'center',
-					transition: 'all .2s ease-in-out'
-				}}
 			>
 				<IconShieldAdd />
 				<h4>
 					{t('drag-the-file-here')}
 				</h4>
-				<p className="mb-2.5 text-[#6b7280]">
+				{/* 				<p className="mb-2.5 text-[#6b7280]">
 					{t('or')}
+				</p> */}
+
+				{fileType === "image" && (
+					<p className="description">
+						{t('image-resolution')}: 100x100 - 10000x10000 {t('pixels')}
+					</p>
+				)}
+				<p className="description">
+					{t('file-format')}: {acceptString}
 				</p>
+				<p className="description">
+					{t('file-size')}: {t('to')} {(maxFileSize / 1024 / 1024)} {t('mb')}
+				</p>
+
 				<input
 					ref={fileInputRef}
 					type="file"
@@ -338,18 +343,6 @@ export default function UploadSectionFile({ fileType, allowedExtensions, maxFile
 					{t('select-files-to-protect')}
 				</button>
 
-				{fileType === "image" && (
-					<p className="description">
-						{t('image-resolution')}: 100x100 - 10000x10000 {t('pixels')}
-					</p>
-				)}
-				<p className="description">
-					{t('file-size')}: {t('to')} {(maxFileSize / 1024 / 1024)} {t('mb')}
-				</p>
-				<p className="description">
-					{t('file-format')}: {acceptString}
-				</p>
-
 				{error && (
 					<div className="mt-4 p-3 bg-red-50 border border-red-200 rounded-lg">
 						<p className="text-red-600 font-medium">{error}</p>