fix: Constrain thumbnails to actual thumbnail size (160px)

Prevents large images from pushing metadata and buttons off-screen.
Uses object-fit: cover for clean cropping. Also shrink PDF preview.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
Jeff Emmett 2026-03-23 12:12:46 -07:00
parent 4c22439574
commit abdf1b2f65
1 changed files with 4 additions and 4 deletions

View File

@ -268,10 +268,10 @@ footer a:hover { color: var(--accent); }
} }
.thumbnail { .thumbnail {
max-width: 100%; max-width: 160px;
max-height: 280px; max-height: 160px;
border-radius: 8px; border-radius: 8px;
object-fit: contain; object-fit: cover;
background: var(--bg); background: var(--bg);
display: block; display: block;
margin: 0 auto; margin: 0 auto;
@ -286,7 +286,7 @@ footer a:hover { color: var(--accent); }
.pdf-preview { .pdf-preview {
width: 100%; width: 100%;
height: 360px; height: 200px;
border: none; border: none;
border-radius: 8px; border-radius: 8px;
background: var(--bg); background: var(--bg);