From a2f4bbf66202b59f278464071eb0fb9abefaf36f Mon Sep 17 00:00:00 2001 From: Cedric Date: Fri, 19 Jun 2026 16:22:16 +0200 Subject: [PATCH] Actualiser css/public.css --- css/public.css | 58 +++++++++++++++++++++++++++++++++++++++++++++++--- 1 file changed, 55 insertions(+), 3 deletions(-) diff --git a/css/public.css b/css/public.css index 5229dd3..d0180ed 100644 --- a/css/public.css +++ b/css/public.css @@ -157,6 +157,58 @@ .pub-search-box { max-width: 100%; } .pub-pagination button { min-width: 36px; height: 36px; font-size: 0.85rem; } } -Propulsé par Gitea -Version: 1.26.2 -Page: 198ms M \ No newline at end of file + +/* ══════════════════════════════════════════════════════════════ + FILTRE PAR PLATEFORME DE STREAMING + ═══════════════════════════════════════════════════════════════ */ + +.streaming-filter-bar { + display: flex; + align-items: center; + justify-content: center; + gap: 1rem; + margin-bottom: 2rem; + flex-wrap: wrap; + padding: 1rem; + background: var(--surface); + border: 1px solid var(--border); + border-radius: 12px; +} + +.streaming-filter-btn { + background: var(--surface-card); + border: 1px solid var(--border); + border-radius: 20px; + padding: 0.5rem 1rem; + cursor: pointer; + font-size: 0.85rem; + font-weight: 500; + color: var(--text-secondary); + transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1); + font-family: inherit; +} + +.streaming-filter-btn:hover { + border-color: var(--gold); + background: var(--gold-dim); + color: var(--gold); +} + +.streaming-filter-btn.active { + border-color: var(--gold); + background: var(--gold); + color: var(--background); + font-weight: 600; + box-shadow: 0 0 12px var(--gold-glow); +} + +@media (max-width: 720px) { + .streaming-filter-bar { + gap: 0.5rem; + padding: 0.8rem; + } + .streaming-filter-btn { + padding: 0.4rem 0.8rem; + font-size: 0.8rem; + } +} \ No newline at end of file