diff --git a/src/pages/AuthFilesPage.module.scss b/src/pages/AuthFilesPage.module.scss index b31db7a..3f4e779 100644 --- a/src/pages/AuthFilesPage.module.scss +++ b/src/pages/AuthFilesPage.module.scss @@ -32,6 +32,28 @@ flex-wrap: wrap; } +.titleWrapper { + display: flex; + align-items: center; + gap: $spacing-sm; + line-height: 24px; +} + +.countBadge { + display: inline-flex; + align-items: center; + justify-content: center; + height: 24px; + min-width: 24px; + padding: 0 8px; + border-radius: 999px; + font-size: 13px; + font-weight: 600; + color: var(--count-badge-text); + background-color: var(--count-badge-bg); + box-sizing: border-box; +} + .errorBox { padding: $spacing-md; background-color: rgba(239, 68, 68, 0.1); @@ -134,19 +156,6 @@ } } -.statsInfo { - padding: 8px 12px; - background-color: var(--bg-secondary); - border-radius: $radius-md; - font-size: 13px; - color: var(--text-secondary); - white-space: nowrap; - height: 38px; - box-sizing: border-box; - display: flex; - align-items: center; -} - // 卡片网格 .fileGrid { display: grid; diff --git a/src/pages/AuthFilesPage.tsx b/src/pages/AuthFilesPage.tsx index fd4d524..5ca6d0d 100644 --- a/src/pages/AuthFilesPage.tsx +++ b/src/pages/AuthFilesPage.tsx @@ -357,13 +357,10 @@ export function AuthFilesPage() { const start = (currentPage - 1) * pageSize; const pageItems = filtered.slice(start, start + pageSize); - // 统计信息 - const totalSize = useMemo(() => files.reduce((sum, item) => sum + (item.size || 0), 0), [files]); - - // 点击上传 - const handleUploadClick = () => { - fileInputRef.current?.click(); - }; + // 点击上传 + const handleUploadClick = () => { + fileInputRef.current?.click(); + }; // 处理文件上传(支持多选) const handleFileChange = async (event: React.ChangeEvent) => { @@ -834,15 +831,22 @@ export function AuthFilesPage() { ); }; + const titleNode = ( +
+ {t('auth_files.title_section')} + {files.length > 0 && {files.length}} +
+ ); + return (
-
-

{t('auth_files.title')}

-

{t('auth_files.description')}

-
- - +

{t('auth_files.title')}

+

{t('auth_files.description')}

+
+ +