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-22 08:54:47 +02:00
parent 66a157f3a5
commit ddd7b45e6c
1 changed files with 14 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files
css/admin.css
+14 -24
View File
@@ -226,33 +226,23 @@ input[type="checkbox"]:checked::after { content: '✓'; color: var(--background)
.admin-table, .admin-table thead, .admin-table tbody, .admin-table th, .admin-table td, .admin-table tr { display: block; }
.admin-table thead { display: none; }
.admin-table tbody tr {
display: grid;
grid-template-columns: 60px 1fr 40px; /* Layout plus serré */
grid-template-areas:
"poster title actions"
"poster info actions";
gap: 0.5rem 1rem;
padding: 0.8rem;
display: grid;
grid-template-columns: 60px 1fr 40px; /* Layout ajusté */
grid-template-areas:
"poster title actions"
"poster director actions"
"poster info actions";
gap: 0.2rem 1rem;
padding: 0.8rem;
}
.admin-table td { border: none; padding: 0.3rem 0; text-align: left; }
.admin-table td:nth-child(1) { display: none; } /* On cache la checkbox sur mobile pour gagner de la place */
.admin-table td:nth-child(1) { display: none; } /* Checkbox cachée sur mobile */
.admin-table td:nth-child(2) { grid-area: poster; }
.admin-table td:nth-child(3) { grid-area: title; font-size: 1rem; }
.admin-table td:nth-child(4)::before { content: '🎬 '; opacity: 0.7; }
.admin-table td:nth-child(5) { margin-top: 0.5rem; }
.admin-table td:nth-child(6) {
grid-area: info;
display: flex;
align-items: center;
gap: 5px;
}
/* Actions */
.admin-table td:nth-child(7) {
grid-area: actions;
flex-direction: column;
gap: 0.5rem;
}
.admin-table td:nth-child(3) { grid-area: title; font-size: 1rem; margin-bottom: 0; }
.admin-table td:nth-child(4) { display: none; } /* L'année est masquée pour aérer le design */
.admin-table td:nth-child(5) { grid-area: director; margin-top: 0; font-size: 0.85rem; color: var(--muted); }
.admin-table td:nth-child(6) { grid-area: info; display: flex; align-items: center; gap: 5px; }
.admin-table td:nth-child(7) { grid-area: actions; flex-direction: column; gap: 0.5rem; justify-content: flex-start; }
.tbl-actions { justify-content: flex-start; }
}