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

fix(ui): fit sidebar photo tiles

Browse Source
This commit is contained in:
Arne Baeumler
2026-06-12 15:00:42 +02:00
parent fb60196204
commit fd02b09624
1 changed files with 4 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -499,7 +499,7 @@ function htmlPage(): string {
.list { .list {
display: grid; display: grid;
grid-template-columns: repeat(auto-fill, minmax(84px, 1fr)); grid-template-columns: repeat(auto-fill, minmax(84px, 1fr));
gap: 6px; gap: 4px;
align-content: start; align-content: start;
min-height: 0; min-height: 0;
overflow-y: auto; overflow-y: auto;
@@ -523,7 +523,8 @@ function htmlPage(): string {
.photo img { .photo img {
width: 100%; width: 100%;
height: 100%; height: 100%;
object-fit: cover; object-fit: contain;
background: var(--timeline-surface-strong);
border-radius: 0; border-radius: 0;
display: block; display: block;
} }
@@ -860,6 +861,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)); grid-template-columns: repeat(auto-fill, minmax(72px, 1fr));
gap: 4px;
} }
main { main {