diff --git a/css/admin.css b/css/admin.css index 756014c..a18b995 100644 --- a/css/admin.css +++ b/css/admin.css @@ -120,87 +120,17 @@ input[type="checkbox"]:checked::after { content: '✓'; color: var(--background) .modal h3 { white-space: nowrap; overflow: visible; text-overflow: clip; } -/* ══════════════════════════════════════════════════════════════ - ZONE D'IMPORT CSV (Style Unifié et Corrigé) - ══════════════════════════════════════════════════════════════ */ -.import-section { - margin: 1.5rem 0; - padding: 1.5rem; - background: var(--surface); - border: 1px solid var(--border); - border-radius: 12px; -} +.import-section { margin: 1.5rem 0; padding: 1.5rem; background: var(--surface); border: 1px solid var(--border); border-radius: 12px; } +.import-section h3 { margin: 0 0 0.5rem 0; font-size: 1.1rem; color: var(--text); display: flex; align-items: center; gap: 0.5rem; } +.import-section h3 i { color: var(--gold); } +.import-section > p { margin: 0 0 1.5rem 0; color: var(--muted); font-size: 0.9rem; } -.import-section h3 { - margin: 0 0 0.5rem 0; - font-size: 1.1rem; - color: var(--text); - display: flex; - align-items: center; - gap: 0.5rem; -} - -.import-section h3 i { - color: var(--gold); -} - -.import-section > p { - margin: 0 0 1.5rem 0; - color: var(--muted); - font-size: 0.9rem; -} - -/* 🔥 LA ZONE DE DROP / CLIC (CORRIGÉE) */ -.import-box { - display: flex; - flex-direction: column; /* 🔥 CLÉ : Force le contenu à être vertical (icône en haut, texte en bas) */ - align-items: center; - justify-content: center; - text-align: center; - - width: 100%; - box-sizing: border-box; - padding: 2.5rem 1.5rem; - margin-top: 0.5rem; - - background: var(--background); - border: 2px dashed var(--border); /* Bordure pointillée restaurée */ - border-radius: 12px; - cursor: pointer; - transition: all 0.3s ease; -} - -.import-box:hover { - border-color: var(--gold); - background: var(--surface-hover); - transform: translateY(-2px); /* Léger effet de survol */ -} - -.import-box i { - font-size: 3rem; - color: var(--gold); - margin-bottom: 1rem; - display: block; -} - -.import-box p { - margin: 0.2rem 0; - color: var(--muted); - font-size: 0.9rem; - line-height: 1.4; -} - -.import-box p strong { - color: var(--text); - font-size: 1rem; - display: block; - margin-bottom: 0.3rem; -} - -/* Cache l'input file natif pour ne pas casser le layout */ -.import-box input[type="file"] { - display: none; -} +.import-box { display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; width: 100%; box-sizing: border-box; padding: 2.5rem 1.5rem; margin-top: 0.5rem; background: var(--background); border: 2px dashed var(--border); border-radius: 12px; cursor: pointer; transition: all 0.3s ease; } +.import-box:hover { border-color: var(--gold); background: var(--surface-hover); transform: translateY(-2px); } +.import-box i { font-size: 3rem; color: var(--gold); margin-bottom: 1rem; display: block; } +.import-box p { margin: 0.2rem 0; color: var(--muted); font-size: 0.9rem; line-height: 1.4; } +.import-box p strong { color: var(--text); font-size: 1rem; display: block; margin-bottom: 0.3rem; } +.import-box input[type="file"] { display: none; } .progress-container { background: var(--border); border-radius: 10px; height: 12px; width: 100%; margin: 1.5rem 0; overflow: hidden; } .progress-bar { height: 100%; background: var(--gold); width: 0%; transition: width 0.4s ease; border-radius: 10px; }