apps/mapix
4
0
Fork 0
Code Issues Pull Requests Actions Packages Releases Activity

fix: keep photo thumbnails fixed size

Browse Source
This commit is contained in:
Arne Baeumler
2026-06-13 07:44:30 +02:00
parent 6d5d16855d
commit 2669f878e0
1 changed files with 8 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
src/server/request-handler.ts
View File

@@ -512,11 +512,11 @@ function htmlPage(): string {
} }
.list { .list {
display: grid; --photo-thumb-size: 84px;
grid-template-columns: repeat(auto-fill, minmax(84px, 1fr)); display: flex;
grid-auto-rows: minmax(84px, auto); flex-wrap: wrap;
align-content: flex-start;
gap: 4px; gap: 4px;
align-content: start;
min-height: 0; min-height: 0;
overflow-y: auto; overflow-y: auto;
overflow-x: hidden; overflow-x: hidden;
@@ -527,7 +527,9 @@ function htmlPage(): string {
.photo { .photo {
display: block; display: block;
position: relative; position: relative;
aspect-ratio: 1 / 1; flex: 0 0 var(--photo-thumb-size);
width: var(--photo-thumb-size);
height: var(--photo-thumb-size);
padding: 0; padding: 0;
border-radius: var(--radius-md); border-radius: var(--radius-md);
background: var(--timeline-surface-soft); background: var(--timeline-surface-soft);
@@ -924,8 +926,7 @@ function htmlPage(): string {
.list { .list {
max-height: min(52vh, 420px); max-height: min(52vh, 420px);
grid-template-columns: repeat(auto-fill, minmax(72px, 1fr)); --photo-thumb-size: 72px;
grid-auto-rows: minmax(72px, auto);
gap: 4px; gap: 4px;
} }