change marking page layout

This commit is contained in:
smanylov
2025-12-16 15:03:32 +07:00
parent e94b0bf041
commit c9784bf18f
10 changed files with 340 additions and 28 deletions
@@ -1,6 +1,7 @@
'use client'
import React, { useRef, useState, useCallback, ChangeEvent, DragEvent } from 'react';
import {IconShieldAdd} from '@/app/ui/icons/icons';
interface SelectedFile {
file: File;
@@ -188,11 +189,9 @@ export default function UploadSectionImage() {
transition: 'all .2s ease-in-out'
}}
>
<IconShieldAdd />
<h4>Перетащите изображения сюда</h4>
<p className="description">
Размер: 150x150 - 4000x4000 пикселей, форматы: JPG, PNG, GIF, BMP (WEBP НЕ поддерживается)
</p>
<p className="mb-2.5 text-[#6b7280]">или</p>
<input
ref={fileInputRef}
type="file"
@@ -210,6 +209,16 @@ export default function UploadSectionImage() {
Выбрать файлы для защиты
</button>
<p className="description">
Разрешение изображение: 100x100 - 10000x10000 пикселей
</p>
<p className="description">
Размер файла: до 20 МБ
</p>
<p className="description">
Формат файла: JPG, PNG, GIF, BMP (WEBP НЕ поддерживается)
</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>