diff options
| author | Tyler Hoang <tyler@tylerhoang.xyz> | 2026-05-09 01:41:48 -0700 |
|---|---|---|
| committer | Tyler Hoang <tyler@tylerhoang.xyz> | 2026-05-09 01:41:48 -0700 |
| commit | 2f3a891d0944a3b200d3dda949475bf9e1742f56 (patch) | |
| tree | 4c843a5efdf6c6f804341e6f2b36c91febacbd50 /static/styles.css | |
| parent | f252b534afeb22b4b88208552810901ea607d0f5 (diff) | |
Add IMDb, Rotten Tomatoes, and Metacritic ratings to film detail
Fetches ratings from OMDB API in parallel with TMDB context. Displays
three side-by-side chips between the subtitle and watch log panels.
Requires OMDB_API_KEY in .env; degrades silently if missing or no match.
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
Diffstat (limited to 'static/styles.css')
| -rw-r--r-- | static/styles.css | 32 |
1 files changed, 32 insertions, 0 deletions
diff --git a/static/styles.css b/static/styles.css index 0c48501..c7be672 100644 --- a/static/styles.css +++ b/static/styles.css @@ -548,6 +548,38 @@ h2 { color: var(--accent); } +.ratings-row { + display: flex; + flex-wrap: wrap; + gap: 10px; + margin: 16px 0 20px; +} + +.rating-chip { + display: flex; + flex-direction: column; + gap: 3px; + border: 1px solid var(--line); + border-radius: 8px; + background: var(--panel); + padding: 10px 14px; + min-width: 90px; +} + +.rating-chip-label { + color: var(--muted); + font-size: 0.72rem; + font-weight: 700; + text-transform: uppercase; + letter-spacing: 0.06em; +} + +.rating-chip-value { + color: var(--text); + font-size: 1.05rem; + font-weight: 600; +} + .detail-tagline { margin: 0 0 12px; color: var(--accent-strong); |