diff --git a/src/server/request-handler.ts b/src/server/request-handler.ts index 76cbaee..5a15d4f 100644 --- a/src/server/request-handler.ts +++ b/src/server/request-handler.ts @@ -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; }