Cedric/mon-petit-cinema
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Actualiser css/admin.css

Browse Source
This commit is contained in:
Cedric
2026-06-21 13:24:36 +02:00
parent d0ede9462b
commit c4a1243409
1 changed files with 26 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
css/admin.css
+26 -4
View File
@@ -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; }