feat: add pagination to dashboard and fix mjs mime type

- Implemented client-side pagination in `dashboard/index.html` (20 items per page).
- Added pagination controls and CSS utilities in `dashboard/styles.css`.
- Fixed `src/dashboard.mjs` to serve `.mjs` files with `text/javascript` MIME type.
- Verified `npx torch-lock init` functionality (no changes needed to landing page).

Co-authored-by: PR0M3TH3AN <[email protected]>
This commit is contained in:
google-labs-jules[bot]andPR0M3TH3AN committed 2026-02-15 16:55:58 +00:00
1 parent 24ee371b6a
commit 41f3775ea9
3 files changed
+161 -6

No files matched your search

+57
View File
@@ -178,3 +178,60 @@ a { color: inherit; }
@media (min-width: 1024px) {
.lg\:px-8 { padding-left: 2rem; padding-right: 2rem; }
}
/* Pagination Utilities */
.hidden { display: none; }
.block { display: block; }
.relative { position: relative; }
.justify-center { justify-content: center; }
.pagination-nav {
display: inline-flex;
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
border-radius: 0.375rem;
}
.pagination-btn {
position: relative;
display: inline-flex;
align-items: center;
padding: 0.5rem 0.75rem;
color: var(--muted);
background-color: transparent;
border: 1px solid var(--border);
font-size: 0.875rem;
font-weight: 500;
cursor: pointer;
transition: background-color 0.15s ease;
}
.pagination-btn:hover:not(:disabled) {
background-color: var(--surface-alt);
}
.pagination-btn:first-child {
border-top-left-radius: 0.375rem;
border-bottom-left-radius: 0.375rem;
}
.pagination-btn:last-child {
border-top-right-radius: 0.375rem;
border-bottom-right-radius: 0.375rem;
}
.pagination-btn + .pagination-btn {
margin-left: -1px;
}
.pagination-btn:disabled {
opacity: 0.5;
cursor: not-allowed;
}
@media (min-width: 640px) {
.sm\:hidden { display: none; }
.sm\:flex { display: flex; }
.sm\:flex-1 { flex: 1 1 0%; }
.sm\:items-center { align-items: center; }
.sm\:justify-between { justify-content: space-between; }
}