Actualiser css/admin.css

This commit is contained in:
2026-06-21 09:18:53 +02:00
parent 7dc0abf8a7
commit 8e62de8de2
+7 -84
View File
@@ -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