Add zoom/cell-size slider to grid viewer

Images and labels scale together with a range slider (40–300px).
Grid scrolls horizontally when cells exceed viewport width.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
2026-03-21 01:08:25 +00:00
parent 520728c62b
commit 878b32f9e5
3 changed files with 35 additions and 3 deletions

View File

@@ -1333,13 +1333,32 @@ nav {
.grid-viewer-actions {
display: flex;
align-items: center;
gap: 0.5rem;
flex-shrink: 0;
}
.gv-zoom-label {
display: flex;
align-items: center;
gap: 0.4rem;
font-size: 0.8rem;
color: var(--text-dim);
}
.gv-zoom-label input[type=range] {
width: 100px;
accent-color: var(--accent);
}
.grid-cells-wrap {
overflow-x: auto;
}
.grid-cells {
display: grid;
gap: 4px;
min-width: max-content;
}
.grid-cell {