frontdev/no-copy-frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

change file-info modal window styles

Browse Source
This commit is contained in:
smanylov
2026-03-05 17:37:53 +07:00
parent b79d8b8879
commit 57ceddd9ee
4 changed files with 24 additions and 55 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/app/ui/modal-windows/file-info-modal-window.tsx
-7
View File
@@ -7,13 +7,6 @@ export function FileInfoModalWindow({ fileInfo, setWindowClose, setWindowChildre
return (
<div className="modal-window-view-file">
<div className="modal-window-view-file-header">
<div
className="modal-window-view-file-title"
>
{fileInfo.fileName ? fileInfo.fileName : '-'}
</div>
</div>
<div
className="modal-window-view-file-content"
>
src/app/ui/search/file-search-panel.tsx
-2
View File
@@ -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,
src/app/ui/search/searched-user-files-list.tsx
+19 -20
View File
@@ -49,13 +49,6 @@ export function SearchedUserFilesList({ list, allowedExtensions }: { list: FileI
<div
className="modal-window-view-file"
>
<div className="modal-window-view-file-header">
<div
className="modal-window-view-file-title"
>
{e.originalFileName}
</div>
</div>
<div
className="modal-window-view-file-content"
>
@@ -77,30 +70,36 @@ export function SearchedUserFilesList({ list, allowedExtensions }: { list: FileI
<h4>{t('file-information')}</h4>
</div>
<div className="info-item">
<span className="info-label">{t('id-in-the-system')}:</span>
<span className="info-value">
{e.supportId ? e.supportId : '#'}
</span>
<div className="info-label">{t('file-name')}:</div>
<div className="info-value">
{e.originalFileName ? e.originalFileName : '#'}
</div>
</div>
<div className="info-item">
<span className="info-label">{t('upload-date')}:</span>
<span className="info-value">
<div className="info-label">{t('id-in-the-system')}:</div>
<div className="info-value">
{e.supportId ? e.supportId : '#'}
</div>
</div>
<div className="info-item">
<div className="info-label">{t('upload-date')}:</div>
<div className="info-value">
{e.uploadDate ? formatDate(e.uploadDate) : '#'}
<br />
{e.uploadDate ? formatDateTime(e.uploadDate) : '#'}
</span>
</div>
</div>
<div className="info-item">
<span className="info-label">{t('file-size')}:</span>
<span className="info-value">
<div className="info-label">{t('file-size')}:</div>
<div className="info-value">
{convertBytes(e.fileSize)}
</span>
</div>
</div>
<div className="info-item">
<span className="info-label">{t('protection-status')}:</span>
<span className="info-value">
<div className="info-label">{t('protection-status')}:</div>
<div className="info-value">
{e.status ? t(e.status) : '#'}
</span>
</div>
</div>
</div>
</div>