feat: shrink fullscreen photo overlay

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);
       }