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:
parent
4c22439574
commit
abdf1b2f65
|
|
@ -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);
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue