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-21 13:13:19 +02:00
parent 08f7553383
commit a1ec9afe29
1 changed files with 28 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
css/admin.css
+28 -5
View File
@@ -115,6 +115,9 @@ input[type="checkbox"]:checked::after { content: '✓'; color: var(--background)
.admin-table {
table-layout: fixed; /* Force les colonnes à respecter les largeurs du HTML */
}
.admin-table tbody td {
padding: 0.6rem 0.5rem; /* Réduit le padding pour compacter */
}
.thumb, .thumb-ph {
width: 45px;
@@ -145,14 +148,34 @@ input[type="checkbox"]:checked::after { content: '✓'; color: var(--background)
.table-container { background: transparent; border: none; box-shadow: none; overflow-y: visible; max-height: none; }
.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 { background: var(--surface-card); border: 1px solid var(--border); border-radius: 10px; margin-bottom: 1rem; padding: 1rem; position: relative; }
.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;
}
.admin-table td { border: none; padding: 0.3rem 0; text-align: left; }
.admin-table td:nth-child(1) { position: absolute; top: 1rem; right: 1rem; }
.admin-table td:nth-child(2) { font-size: 1.1rem; color: var(--gold); padding-right: 2.5rem; margin-bottom: 0.5rem; }
.admin-table td:nth-child(3)::before { content: '🗓 '; opacity: 0.7; }
.admin-table td:nth-child(1) { display: none; } /* On cache la checkbox sur mobile pour gagner de la place */
.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) { margin-top: 1rem; border-top: 1px dashed var(--border); padding-top: 1rem; text-align: left !important; }
.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;
}
.tbl-actions { justify-content: flex-start; }
}