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