laurent/Trakt-Rater
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

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

Browse Source 
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
Download Patch File Download Diff File Expand all files Collapse all files

25
static/style.css
View File

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

2
tmdb.py
View File

@@ -4,7 +4,7 @@ import httpx
class TMDBClient: class TMDBClient:
BASE_URL = "https://api.themoviedb.org/3" BASE_URL = "https://api.themoviedb.org/3"
POSTER_BASE = "https://image.tmdb.org/t/p/w185" POSTER_BASE = "https://image.tmdb.org/t/p/w342"
def __init__(self, api_key: str): def __init__(self, api_key: str):
self.api_key = api_key self.api_key = api_key