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/icons/icons.tsx
+10
View File
@@ -26,6 +26,16 @@ export function IconAudioFile() {
)
}
export function IconDocument() {
return (
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" className="icon">
<path fill="currentColor" d="M19.834 19.75a2.25 2.25 0 0 1-2.25 2.25h-10.5a2.25 2.25 0 0 1-2.25-2.25V9.621c0-.596.236-1.169.658-1.59L10.86 2.66A2.25 2.25 0 0 1 12.45 2h5.133a2.25 2.25 0 0 1 2.25 2.25zm-2.25.75a.75.75 0 0 0 .75-.75V4.25a.75.75 0 0 0-.75-.75h-5.002l.002 4a2.25 2.25 0 0 1-2.25 2.25h-4v10c0 .414.335.75.75.75zM7.393 8.25l3.69-3.691.001 2.941a.75.75 0 0 1-.75.75zm1.19 6.25a.75.75 0 0 1 .75-.75h6a.75.75 0 0 1 0 1.5h-6a.75.75 0 0 1-.75-.75m0 3a.75.75 0 0 1 .75-.75h3a.75.75 0 0 1 0 1.5h-3a.75.75 0 0 1-.75-.75">
</path>
</svg>
)
}
export function IconShield() {
return (
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" className="icon">
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>
)
}
src/app/ui/nav-links.tsx
+4 -4
View File
@@ -25,7 +25,7 @@ export default function NavLinks() {
},
{
name: t('my-content'),
href: '/pages/emptypage',
href: '/pages/my-content',
img: 'M20 6h-2.18c.11-.31.18-.65.18-1a2.996 2.996 0 0 0-5.5-1.65l-.5.67-.5-.68C10.96 2.54 10 2 9 2 7.34 2 6 3.34 6 5c0 .35.07.69.18 1H4c-1.11 0-1.99.89-1.99 2L2 19c0 1.11.89 2 2 2h16c1.11 0 2-.89 2-2V8c0-1.11-.89-2-2-2zm-5-2c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1zM9 4c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1z'
},
{
@@ -68,7 +68,7 @@ export default function NavLinks() {
<svg viewBox="0 0 24 24" fill="currentColor">
<path d="M3 13h8V3H3v10zm0 8h8v-6H3v6zm10 0h8V11h-8v10zm0-18v6h8V3h-8z"></path>
</svg>
<p className="hidden md:block">{t('home')}</p>
<p className="">{t('home')}</p>
</Link>
<DropDownList />
@@ -88,7 +88,7 @@ export default function NavLinks() {
<svg viewBox="0 0 24 24" fill="currentColor">
<path d={link.img}></path>
</svg>
<p className="hidden md:block">{link.name}</p>
<p className="">{link.name}</p>
</Link>
);
})}
@@ -104,7 +104,7 @@ export default function NavLinks() {
<svg viewBox="0 0 24 24" fill="currentColor">
<path d="M17 7l-1.41 1.41L18.17 11H8v2h10.17l-2.58 2.58L17 17l5-5zM4 5h8V3H4c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h8v-2H4V5z"></path>
</svg>
<p className="hidden md:block">{t('exit')}</p>
<p className="">{t('exit')}</p>
</Link>
</ul>
</nav>