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

my-content-page and fix adaptive styles

Browse Source
This commit is contained in:
smanylov
2026-01-04 17:08:28 +07:00
parent d0de025d96
commit 3e9c87ec46
12 changed files with 314 additions and 42 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/app/ui/my-content/my-content-info-block.tsx
+75
View File
@@ -0,0 +1,75 @@
import { IconDocument, IconImageFile, IconVideoFile, IconAudioFile } from '@/app/ui/icons/icons';
export default function MyContentInfoBlock() {
return (
<div className="block-wrapper auto grow">
<div className="file-stats-container">
<div className="file-stats-grid">
<div className="file-stat-card">
<div className="file-stat-content">
<div className="file-stat-icon-wrapper image-icon">
<IconImageFile />
</div>
<div className="file-stat-info">
<h4 className="file-stat-title">Image</h4>
<span className="file-stat-usage">0%</span>
</div>
</div>
<div className="file-stat-details">
<span className="file-stat-count">0 files</span>
<span className="file-stat-size">0 GB</span>
</div>
</div>
<div className="file-stat-card">
<div className="file-stat-content">
<div className="file-stat-icon-wrapper video-icon">
<IconVideoFile />
</div>
<div className="file-stat-info">
<h4 className="file-stat-title">Videos</h4>
<span className="file-stat-usage">0%</span>
</div>
</div>
<div className="file-stat-details">
<span className="file-stat-count">0 files</span>
<span className="file-stat-size">0 GB</span>
</div>
</div>
<div className="file-stat-card">
<div className="file-stat-content">
<div className="file-stat-icon-wrapper audio-icon">
<IconAudioFile />
</div>
<div className="file-stat-info">
<h4 className="file-stat-title">Audios</h4>
<span className="file-stat-usage">0%</span>
</div>
</div>
<div className="file-stat-details">
<span className="file-stat-count">0 files</span>
<span className="file-stat-size">0 GB</span>
</div>
</div>
<div className="file-stat-card">
<div className="file-stat-content">
<div className="file-stat-icon-wrapper document-icon">
<IconDocument />
</div>
<div className="file-stat-info">
<h4 className="file-stat-title">Documents</h4>
<span className="file-stat-usage">0%</span>
</div>
</div>
<div className="file-stat-details">
<span className="file-stat-count">0 files</span>
<span className="file-stat-size">0 GB</span>
</div>
</div>
</div>
</div>
</div>
)
}