diff --git a/css/admin.css b/css/admin.css index 7976cdb..c5cecf8 100644 --- a/css/admin.css +++ b/css/admin.css @@ -235,97 +235,20 @@ box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3); } -.admin-table { - width: 100%; - border-collapse: collapse; - font-size: 0.95rem; - table-layout: fixed; -} - -.admin-table thead th { - position: sticky; - top: 0; - z-index: 10; - background: var(--surface); - color: var(--muted); - font-weight: 600; - padding: 1rem 0.8rem; - border-bottom: 1px solid var(--border); - /* Ajout d'une ombre subtile sous l'en-tête */ - box-shadow: 0 2px 4px rgba(0,0,0,0.1); -} - .admin-table thead th:nth-child(1), -.admin-table tbody td:nth-child(1) { - width: 50px; - text-align: center; -} - +.admin-table tbody td:nth-child(1) { width: 50px; text-align: center; } .admin-table thead th:nth-child(2), -.admin-table tbody td:nth-child(2) { - width: 80px; - text-align: center; -} - +.admin-table tbody td:nth-child(2) { width: 80px; text-align: center; } .admin-table thead th:nth-child(3), -.admin-table tbody td:nth-child(3) strong { - color: var(--text); - font-weight: 600; - font-size: 1rem; - display: block; - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; - max-width: 250px; /* Ajustable selon tes besoins */ -} - +.admin-table tbody td:nth-child(3) { width: 30%; } .admin-table thead th:nth-child(4), -.admin-table tbody td:nth-child(4) { - width: 80px; -} - +.admin-table tbody td:nth-child(4) { width: 80px; } .admin-table thead th:nth-child(5), -.admin-table tbody td:nth-child(5) { - width: 20%; -} - +.admin-table tbody td:nth-child(5) { width: 20%; } .admin-table thead th:nth-child(6), -.admin-table tbody td:nth-child(6) { - width: 25%; -} - +.admin-table tbody td:nth-child(6) { width: 25%; } .admin-table thead th:nth-child(7), -.admin-table tbody td:nth-child(7) { - width: 100px; - text-align: right; -} - -.admin-table tbody td { - padding: 0.9rem 0.8rem; - border-bottom: 1px solid var(--border); - vertical-align: middle; - color: var(--text-secondary); - transition: background 0.2s; -} - -.admin-table tbody tr { - transition: all 0.2s ease; -} - -.admin-table tbody tr:hover { - background: var(--surface-hover); - transform: scale(1.005); /* Très léger zoom au survol */ -} - -.admin-table tbody tr:last-child td { - border-bottom: none; -} - -.admin-table tbody td strong { - color: var(--text); - font-weight: 600; - font-size: 1rem; -} +.admin-table tbody td:nth-child(7) { width: 120px; text-align: right; } /* ══════════════════════════════════════════════════════════════ ÉLÉMENTS DU TABLEAU