Actualiser css/admin.css
This commit is contained in:
+7
-84
@@ -235,97 +235,20 @@
|
|||||||
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
|
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 thead th:nth-child(1),
|
||||||
.admin-table tbody td:nth-child(1) {
|
.admin-table tbody td:nth-child(1) { width: 50px; text-align: center; }
|
||||||
width: 50px;
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
.admin-table thead th:nth-child(2),
|
.admin-table thead th:nth-child(2),
|
||||||
.admin-table tbody td:nth-child(2) {
|
.admin-table tbody td:nth-child(2) { width: 80px; text-align: center; }
|
||||||
width: 80px;
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
.admin-table thead th:nth-child(3),
|
.admin-table thead th:nth-child(3),
|
||||||
.admin-table tbody td:nth-child(3) strong {
|
.admin-table tbody td:nth-child(3) { width: 30%; }
|
||||||
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 thead th:nth-child(4),
|
.admin-table thead th:nth-child(4),
|
||||||
.admin-table tbody td:nth-child(4) {
|
.admin-table tbody td:nth-child(4) { width: 80px; }
|
||||||
width: 80px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.admin-table thead th:nth-child(5),
|
.admin-table thead th:nth-child(5),
|
||||||
.admin-table tbody td:nth-child(5) {
|
.admin-table tbody td:nth-child(5) { width: 20%; }
|
||||||
width: 20%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.admin-table thead th:nth-child(6),
|
.admin-table thead th:nth-child(6),
|
||||||
.admin-table tbody td:nth-child(6) {
|
.admin-table tbody td:nth-child(6) { width: 25%; }
|
||||||
width: 25%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.admin-table thead th:nth-child(7),
|
.admin-table thead th:nth-child(7),
|
||||||
.admin-table tbody td:nth-child(7) {
|
.admin-table tbody td:nth-child(7) { width: 120px; text-align: right; }
|
||||||
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;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* ══════════════════════════════════════════════════════════════
|
/* ══════════════════════════════════════════════════════════════
|
||||||
ÉLÉMENTS DU TABLEAU
|
ÉLÉMENTS DU TABLEAU
|
||||||
|
|||||||
Reference in New Issue
Block a user