diff --git a/src/server/request-handler.ts b/src/server/request-handler.ts index 509be34..e97e8d5 100644 --- a/src/server/request-handler.ts +++ b/src/server/request-handler.ts @@ -611,7 +611,9 @@ function htmlPage(): string { } .overlay-card { - width: min(1120px, 100%); + display: inline-grid; + width: fit-content; + max-width: 100%; overflow: hidden; border-radius: 0; background: var(--timeline-surface-soft); @@ -621,6 +623,8 @@ function htmlPage(): string { .overlay-media { position: relative; + width: fit-content; + max-width: 100%; min-height: 48vh; background: var(--timeline-surface-strong); } @@ -637,7 +641,8 @@ function htmlPage(): string { .overlay-card img { display: block; - width: 100%; + width: auto; + max-width: min(1120px, calc(100vw - 48px)); max-height: 78vh; object-fit: contain; background: var(--timeline-surface-strong); @@ -653,8 +658,10 @@ function htmlPage(): string { inset: 0; display: none; place-items: center; + align-content: center; gap: 10px; padding: 24px; + min-width: 240px; text-align: center; color: var(--timeline-text-muted); }