feat(app.js, i18n, index.html, styles.css): implement pagination for auth file management

- Added pagination controls to the auth file list in the UI, allowing users to navigate through large sets of files.
- Enhanced the rendering logic to support pagination, including updating the current page and total pages dynamically.
- Updated internationalization strings for pagination in both English and Chinese.
- Introduced new styles for pagination controls to improve user experience and accessibility.
This commit is contained in:
Supra4E8C
2025-11-14 18:10:37 +08:00
parent 5be40092f7
commit a07faddeff
4 changed files with 285 additions and 164 deletions

View File

@@ -1567,6 +1567,33 @@ input:checked+.slider:before {
gap: 15px;
}
.pagination-controls {
display: flex;
align-items: center;
justify-content: center;
gap: 12px;
margin-top: 20px;
flex-wrap: wrap;
}
.pagination-btn {
gap: 6px;
min-width: 120px;
justify-content: center;
display: inline-flex;
align-items: center;
}
.pagination-btn:disabled {
opacity: 0.5;
cursor: not-allowed;
}
.pagination-info {
font-size: 0.95rem;
color: var(--text-secondary);
}
/* 响应式中等屏幕2列 */
@media (max-width: 1400px) {
.file-grid {