diff --git a/src/app/styles/pages-styles.scss b/src/app/styles/pages-styles.scss
index 353b2c0..34f5c7b 100644
--- a/src/app/styles/pages-styles.scss
+++ b/src/app/styles/pages-styles.scss
@@ -3494,26 +3494,6 @@
border-radius: 20px;
overflow: hidden;
- &-header {
- display: flex;
- justify-content: space-between;
- align-items: center;
- padding: 16px 20px;
- background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
- color: white;
- }
-
- &-title {
- margin: 0;
- font-size: 18px;
- font-weight: 600;
- flex: 1;
- overflow: hidden;
- text-overflow: ellipsis;
- white-space: nowrap;
- margin-right: 16px;
- }
-
&-content {
padding: 20px;
max-height: calc(90vh - 80px);
@@ -3582,7 +3562,8 @@
}
.info-header {
- background: #f8fafc;
+ background: linear-gradient(0deg, #6366f1 50%, #8b5cf6 130%);
+ color: white;
padding: 16px 20px;
border-bottom: 1px solid #e2e8f0;
@@ -3594,11 +3575,9 @@
}
.info-item {
- display: flex;
- justify-content: space-between;
- align-items: flex-start;
padding: 12px 20px;
border-bottom: 1px solid #f1f5f9;
+ width: 100%;
}
.info-label {
@@ -3611,9 +3590,9 @@
.info-value {
font-weight: 600;
color: #1e293b;
- text-align: right;
+ text-align: left;
word-break: break-word;
- max-width: 150px;
+ /* max-width: 150px; */
}
.status-badges {
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 0b65e29..dd3f0fb 100644
--- a/src/app/ui/modal-windows/file-info-modal-window.tsx
+++ b/src/app/ui/modal-windows/file-info-modal-window.tsx
@@ -7,13 +7,6 @@ export function FileInfoModalWindow({ fileInfo, setWindowClose, setWindowChildre
return (
-
-
- {fileInfo.fileName ? fileInfo.fileName : '-'}
-
-
diff --git a/src/app/ui/search/file-search-panel.tsx b/src/app/ui/search/file-search-panel.tsx
index 5ebea19..a48f5b8 100644
--- a/src/app/ui/search/file-search-panel.tsx
+++ b/src/app/ui/search/file-search-panel.tsx
@@ -6,8 +6,6 @@ import { useQueryClient } from '@tanstack/react-query';
import { Pagination } from '@/app/components/Pagination';
import { useTranslations } from 'next-intl';
import { AllowedExtensions } from '@/app/ui/search/section-search-file';
-import { getFileType } from '@/app/lib/getFileType';
-
export interface SearchItem {
url: string,
pageTitle: string,
diff --git a/src/app/ui/search/searched-user-files-list.tsx b/src/app/ui/search/searched-user-files-list.tsx
index d86ca2a..0dda379 100644
--- a/src/app/ui/search/searched-user-files-list.tsx
+++ b/src/app/ui/search/searched-user-files-list.tsx
@@ -49,13 +49,6 @@ export function SearchedUserFilesList({ list, allowedExtensions }: { list: FileI
-
-
- {e.originalFileName}
-
-
@@ -77,30 +70,36 @@ export function SearchedUserFilesList({ list, allowedExtensions }: { list: FileI
{t('file-information')}
-
{t('id-in-the-system')}:
-
- {e.supportId ? e.supportId : '#'}
-
+
{t('file-name')}:
+
+ {e.originalFileName ? e.originalFileName : '#'}
+
-
{t('upload-date')}:
-
+ {t('id-in-the-system')}:
+
+ {e.supportId ? e.supportId : '#'}
+
+
+
+
{t('upload-date')}:
+
{e.uploadDate ? formatDate(e.uploadDate) : '#'}
{e.uploadDate ? formatDateTime(e.uploadDate) : '#'}
-
+
-
{t('file-size')}:
-
+ {t('file-size')}:
+
{convertBytes(e.fileSize)}
-
+
-
{t('protection-status')}:
-
+ {t('protection-status')}:
+
{e.status ? t(e.status) : '#'}
-
+