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

feat: shrink fullscreen photo overlay

Browse Source
This commit is contained in:
Arne Baeumler
2026-06-13 07:32:26 +02:00
parent 5d3b91aa41
commit 01c27a94ae
1 changed files with 9 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

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