diff --git a/src/app/styles/pages-styles.scss b/src/app/styles/pages-styles.scss index 7595e47..5b0d202 100644 --- a/src/app/styles/pages-styles.scss +++ b/src/app/styles/pages-styles.scss @@ -3486,18 +3486,6 @@ } .modal-window-view-file { - /* position: absolute; - top: 50%; - left: 50%; - transform: translate(-50%, -50%); - width: 90%; - max-width: 1200px; - max-height: 90%; - background: white; - border-radius: 16px; - padding: 0; - overflow: hidden; - box-shadow: 0 25px 50px rgba(0, 0, 0, 0.5); */ border-radius: 20px; overflow: hidden; @@ -3533,7 +3521,7 @@ &.image { display: grid; - grid-template-columns: 1fr 300px; + grid-template-columns: 1fr 1fr; gap: 20px; } } @@ -3565,12 +3553,27 @@ } } + .file-info-wrapper { + display: flex; + gap: 15px; + margin-bottom: 15px; + + @media (max-width: 875px) { + flex-direction: column; + } + } + .file-info-card { background: #ffffff; border: 1px solid #e2e8f0; border-radius: 12px; padding: 0; overflow: hidden; + min-width: 400px; + + @media (max-width: 470px) { + min-width: auto; + } .info-header { background: #f8fafc; diff --git a/src/app/ui/modal-windows/file-info-modal-window.tsx b/src/app/ui/modal-windows/file-info-modal-window.tsx index edf0764..7437b47 100644 --- a/src/app/ui/modal-windows/file-info-modal-window.tsx +++ b/src/app/ui/modal-windows/file-info-modal-window.tsx @@ -1,141 +1,126 @@ import { convertBytes } from '@/app/lib/convertBytes'; import { formatDate, formatDateTime } from '@/app/lib/formatDate'; +import { useTranslations } from 'next-intl'; export function FileInfoModalWindow({ fileInfo, setWindowClose, setWindowChildren }: any) { + const t = useTranslations('Global'); - const exampleTest = { - ownerName: 'string', - ownerMail: 'string', - ownerCompany: 'string', - fileName: 'string', - fileSize: 'number', - fileUploadDate: 'number', - fileFormat: 'string', - protectStatus: 'string', - checksCount: 'number' - } - - function closeHandler() { - setWindowChildren(null); - setWindowClose(false); - } + console.log(fileInfo); return ( -