Condense la modal d'edition admin

This commit is contained in:
2026-04-15 22:17:14 +02:00
parent cd576f941d
commit 06405fd6a1
2 changed files with 157 additions and 26 deletions

View File

@@ -426,6 +426,10 @@ p {
grid-column: 1 / -1;
}
.span-3 {
grid-column: 1 / -1;
}
.field > span,
legend {
font-weight: 700;
@@ -1746,6 +1750,121 @@ body.site-menu-hidden .site-menu-shell {
width: min(980px, 100%);
}
.admin-edit-modal-card {
width: min(1080px, 100%);
padding: 0.95rem 1rem 1rem;
}
.admin-edit-modal-head {
align-items: flex-start;
margin-bottom: 0.55rem;
}
.admin-edit-heading {
display: grid;
gap: 0.45rem;
min-width: 0;
}
.admin-edit-heading h2 {
margin: 0;
font-size: clamp(1.6rem, 2vw, 2.2rem);
line-height: 1;
}
.admin-edit-chips,
.admin-modal-head-actions {
display: flex;
flex-wrap: wrap;
gap: 0.55rem;
}
.admin-edit-chips .mini-chip {
max-width: 100%;
justify-content: flex-start;
}
.admin-modal-note {
margin: 0 0 0.8rem;
color: var(--muted);
font-size: 0.95rem;
line-height: 1.45;
}
.admin-edit-meta-grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 0.7rem;
margin-bottom: 0.8rem;
}
.admin-edit-meta-card {
display: grid;
gap: 0.2rem;
padding: 0.75rem 0.9rem;
border-radius: 18px;
border: 1px solid var(--panel-border);
background: rgba(255, 255, 255, 0.03);
}
.admin-edit-meta-card strong {
font-size: 0.98rem;
}
.admin-edit-toggle-grid {
gap: 0.75rem;
margin-bottom: 0.8rem;
}
.admin-edit-toggle-grid .admin-toggle-card {
gap: 0.75rem;
padding: 0.8rem 0.9rem;
border-radius: 18px;
}
.admin-edit-toggle-grid .admin-toggle-card strong {
font-size: 1rem;
}
.admin-edit-toggle-grid .admin-toggle-card span {
font-size: 0.92rem;
line-height: 1.35;
}
.admin-edit-form-grid {
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 0.75rem;
}
.admin-edit-form-grid .field {
gap: 0.35rem;
}
.admin-edit-form-grid .field > span {
font-size: 0.95rem;
}
.admin-edit-modal-card input:not([type="radio"]):not([type="checkbox"]),
.admin-edit-modal-card select,
.admin-edit-modal-card textarea {
padding: 0.8rem 0.9rem;
border-radius: 16px;
}
.admin-edit-modal-card textarea {
min-height: 4.5rem;
}
.admin-edit-modal-card .profile-feedback {
margin-bottom: 0.8rem;
}
.admin-edit-modal-card .profile-actions {
justify-content: flex-end;
gap: 0.75rem;
margin-top: 0.85rem;
}
.admin-confirm-card {
width: min(560px, 100%);
}
@@ -1772,6 +1891,7 @@ body.site-menu-hidden .site-menu-shell {
grid-column: span 12;
}
.admin-edit-meta-grid,
.profile-meta-grid,
.profile-form-grid,
.admin-toggle-grid,
@@ -1779,6 +1899,10 @@ body.site-menu-hidden .site-menu-shell {
grid-template-columns: 1fr;
}
.admin-edit-form-grid {
grid-template-columns: 1fr;
}
.phase-header {
grid-template-columns: 1fr;
text-align: center;