Larger movie posters and cards
All checks were successful
Docker / docker (push) Successful in 1m22s

Poster 110×165px (w342 TMDB), grid et padding agrandis.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
dev
2026-03-04 14:15:02 +00:00
parent b8701f1eaf
commit 19b45f1252
2 changed files with 14 additions and 13 deletions

View File

@@ -212,13 +212,13 @@ main {
/* ── Movie row ─────────────────────────────────────────── */
.movie-row {
display: grid;
grid-template-columns: 68px 195px 1fr 340px;
gap: .9rem;
grid-template-columns: 110px 220px 1fr 340px;
gap: 1.1rem;
align-items: center;
background: var(--surface);
border: 1px solid var(--border);
border-radius: 9px;
padding: .55rem .7rem;
border-radius: 10px;
padding: .7rem .9rem;
transition: background .2s, border-color .2s;
}
.movie-row:hover {
@@ -228,25 +228,26 @@ main {
/* ── Poster ─────────────────────────────────────────────── */
.movie-poster {
width: 68px;
height: 102px;
border-radius: 5px;
width: 110px;
height: 165px;
border-radius: 6px;
object-fit: cover;
display: block;
flex-shrink: 0;
background: var(--border);
box-shadow: 0 4px 12px rgba(0,0,0,.4);
}
.poster-ph {
width: 68px;
height: 102px;
border-radius: 5px;
width: 110px;
height: 165px;
border-radius: 6px;
background: var(--surface-2);
border: 1px solid var(--border-2);
display: flex;
align-items: center;
justify-content: center;
color: var(--faint);
font-size: 1.4rem;
font-size: 2rem;
flex-shrink: 0;
}
@@ -255,7 +256,7 @@ main {
.movie-title {
font-weight: 600;
font-size: .88rem;
font-size: .95rem;
line-height: 1.35;
color: var(--text);
display: -webkit-box;