From c4a124340933c53b965e034ef86051ed7e5e960c Mon Sep 17 00:00:00 2001 From: Cedric Date: Sun, 21 Jun 2026 13:24:36 +0200 Subject: [PATCH] Actualiser css/admin.css --- css/admin.css | 30 ++++++++++++++++++++++++++---- 1 file changed, 26 insertions(+), 4 deletions(-) diff --git a/css/admin.css b/css/admin.css index e3bd2c8..8313ac8 100644 --- a/css/admin.css +++ b/css/admin.css @@ -1,10 +1,21 @@ /* ══════════════════════════════════════════════════════════════ admin.css — Backoffice Mon Cinéma (Version Finale 6 Colonnes) ═══════════════════════════════════════════════════════════════ */ -.admin-wrap { max-width: 1400px; margin: 0 auto; padding: 2rem 1.5rem; } +.admin-wrap { + max-width: 1400px; + margin: 0 auto; + padding: 1rem 1.5rem; /* Réduit de 2rem à 1rem */ +} /* EN-TÊTE */ -.admin-header { display: flex; justify-content: space-between; align-items: center; padding: 1.5rem 0; margin-bottom: 2rem; border-bottom: 1px solid var(--border); flex-wrap: wrap; gap: 1rem; } +.admin-header { + display: flex; + justify-content: space-between; + align-items: center; + padding: 1rem 0; /* Réduit de 1.5rem à 1rem */ + margin-bottom: 1rem; /* Réduit de 2rem à 1rem */ + border-bottom: 1px solid var(--border); +} .header-titles h1 { font-family: 'Playfair Display', Georgia, serif; font-size: 2rem; font-weight: 700; margin-bottom: 0.3rem; color: var(--text); } .header-titles h1 span { color: var(--gold); } .header-titles p { color: var(--muted); font-size: 0.9rem; margin: 0; } @@ -31,14 +42,25 @@ admin.css — Backoffice Mon Cinéma (Version Finale 6 Colonnes) .btn-small { padding: 0.4rem 0.8rem; font-size: 0.8rem; } /* ONGLETS */ -.pub-tabs-container { display: flex; justify-content: center; margin-bottom: 2rem; } +.pub-tabs-container { + display: flex; + justify-content: center; + margin-bottom: 1rem; /* Réduit de 2rem à 1rem */ +} .pub-tabs { background-color: var(--surface); border: 1px solid var(--border); padding: 0.4rem; border-radius: 30px; display: inline-flex; gap: 0.4rem; } .tab-btn { background: none; border: none; color: #d4d4de; font-family: inherit; font-size: 0.9rem; font-weight: 500; cursor: pointer; padding: 0.65rem 1.6rem; border-radius: 25px; display: flex; align-items: center; gap: 0.6rem; transition: all 0.3s; } .tab-btn:hover { color: var(--text); background-color: var(--surface-hover); } .tab-btn.active { color: var(--background); background-color: var(--gold); font-weight: 600; } /* TOOLBAR */ -.admin-toolbar { display: flex; justify-content: space-between; align-items: center; margin-bottom: 1.5rem; flex-wrap: wrap; gap: 1rem; } +.admin-toolbar { + display: flex; + justify-content: space-between; + align-items: center; + margin-bottom: 1rem; /* Réduit de 1.5rem à 1rem */ + flex-wrap: wrap; + gap: 1rem; +} .count { font-weight: 600; color: var(--muted); background: var(--surface); padding: 0.4rem 0.8rem; border-radius: 6px; font-size: 0.85rem; } .search-box { position: relative; flex-grow: 1; max-width: 400px; } .search-box input { width: 100%; padding: 0.75rem 1rem 0.75rem 2.8rem; background: var(--surface); border: 1px solid var(--border); border-radius: 8px; color: var(--text); font-family: inherit; font-size: 0.9rem; }