diff --git a/ChessCubing.App/Pages/AdminPage.razor b/ChessCubing.App/Pages/AdminPage.razor
index 55c0044..2bb1cfe 100644
--- a/ChessCubing.App/Pages/AdminPage.razor
+++ b/ChessCubing.App/Pages/AdminPage.razor
@@ -269,8 +269,6 @@
}
else
{
-
Compte Keycloak et profil site. Les roles restent geres dans Keycloak.
-
@if (!string.IsNullOrWhiteSpace(SaveError))
{
@SaveError
@@ -281,39 +279,29 @@
@SaveMessage
}
-
-
-
-
+
+
+ Compte cree
+ @FormatDate(SelectedUser.AccountCreatedUtc)
+
+
+ Profil cree
+ @FormatDate(SelectedUser.SiteProfileCreatedUtc)
+
+
+ Maj profil
+ @FormatDate(SelectedUser.SiteProfileUpdatedUtc)
+
+
-
- Compte actif
- Autorise ou bloque la connexion.
-
+ Compte actif
-
-
+
-
- Email verifie
- Adresse validee dans Keycloak.
-
+ Email verifie
@@ -324,7 +312,7 @@
-
+
Email
@@ -342,7 +330,7 @@
-
+
Nom affiche sur le site
@@ -371,24 +359,24 @@
-
+
Cube favori
-
+
Bio
-
+
-
- @(IsSaving ? "Enregistrement..." : "Enregistrer les modifications")
+
+ @(IsSaving ? "Enregistrement..." : "Enregistrer")
- Fermer
+ Fermer
}
diff --git a/styles.css b/styles.css
index 3fe0015..deb230e 100644
--- a/styles.css
+++ b/styles.css
@@ -1751,118 +1751,149 @@ body.site-menu-hidden .site-menu-shell {
}
.admin-edit-modal-card {
- width: min(1080px, 100%);
- padding: 0.95rem 1rem 1rem;
+ width: min(1160px, 100%);
+ padding: 0.75rem 0.85rem 0.85rem;
}
.admin-edit-modal-head {
- align-items: flex-start;
- margin-bottom: 0.55rem;
+ align-items: center;
+ margin-bottom: 0.45rem;
}
.admin-edit-heading {
display: grid;
- gap: 0.45rem;
+ gap: 0.25rem;
min-width: 0;
}
.admin-edit-heading h2 {
margin: 0;
- font-size: clamp(1.6rem, 2vw, 2.2rem);
- line-height: 1;
+ font-size: clamp(1.35rem, 1.8vw, 1.9rem);
+ line-height: 0.98;
}
.admin-edit-chips,
.admin-modal-head-actions {
display: flex;
flex-wrap: wrap;
- gap: 0.55rem;
+ gap: 0.45rem;
}
.admin-edit-chips .mini-chip {
max-width: 100%;
justify-content: flex-start;
+ padding: 0.3rem 0.6rem;
+ font-size: 0.88rem;
}
.admin-modal-note {
- margin: 0 0 0.8rem;
+ margin: 0 0 0.55rem;
color: var(--muted);
- font-size: 0.95rem;
- line-height: 1.45;
+ font-size: 0.88rem;
+ line-height: 1.35;
}
-.admin-edit-meta-grid {
+.admin-edit-summary-grid {
display: grid;
- grid-template-columns: repeat(3, minmax(0, 1fr));
- gap: 0.7rem;
- margin-bottom: 0.8rem;
+ grid-template-columns: repeat(5, minmax(0, 1fr));
+ gap: 0.55rem;
+ margin-bottom: 0.55rem;
}
.admin-edit-meta-card {
display: grid;
- gap: 0.2rem;
- padding: 0.75rem 0.9rem;
- border-radius: 18px;
+ gap: 0.12rem;
+ padding: 0.5rem 0.7rem;
+ border-radius: 14px;
border: 1px solid var(--panel-border);
background: rgba(255, 255, 255, 0.03);
}
+.admin-edit-meta-card .micro-label {
+ font-size: 0.66rem;
+ letter-spacing: 0.16em;
+}
+
.admin-edit-meta-card strong {
- font-size: 0.98rem;
+ font-size: 0.9rem;
+ line-height: 1.25;
}
-.admin-edit-toggle-grid {
- gap: 0.75rem;
- margin-bottom: 0.8rem;
+.admin-edit-toggle-pill {
+ display: flex;
+ align-items: center;
+ gap: 0.55rem;
+ padding: 0.5rem 0.7rem;
+ border-radius: 14px;
+ border: 1px solid var(--panel-border);
+ background: rgba(255, 255, 255, 0.03);
+ cursor: pointer;
}
-.admin-edit-toggle-grid .admin-toggle-card {
- gap: 0.75rem;
- padding: 0.8rem 0.9rem;
- border-radius: 18px;
+.admin-edit-toggle-pill input[type="checkbox"] {
+ width: 1rem;
+ height: 1rem;
+ margin: 0;
+ accent-color: var(--cool-strong);
}
-.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-toggle-pill span {
+ font-size: 0.9rem;
+ font-weight: 700;
+ line-height: 1.2;
}
.admin-edit-form-grid {
- grid-template-columns: repeat(3, minmax(0, 1fr));
- gap: 0.75rem;
+ grid-template-columns: repeat(4, minmax(0, 1fr));
+ gap: 0.55rem 0.65rem;
}
.admin-edit-form-grid .field {
- gap: 0.35rem;
+ gap: 0.28rem;
}
.admin-edit-form-grid .field > span {
- font-size: 0.95rem;
+ font-size: 0.88rem;
}
.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;
+ padding: 0.68rem 0.8rem;
+ border-radius: 14px;
+ font-size: 0.95rem;
}
.admin-edit-modal-card textarea {
- min-height: 4.5rem;
+ min-height: 3.3rem;
}
.admin-edit-modal-card .profile-feedback {
- margin-bottom: 0.8rem;
+ margin-bottom: 0.55rem;
+ padding: 0.65rem 0.8rem;
+ border-radius: 14px;
}
.admin-edit-modal-card .profile-actions {
justify-content: flex-end;
- gap: 0.75rem;
- margin-top: 0.85rem;
+ gap: 0.55rem;
+ margin-top: 0.65rem;
+}
+
+.admin-edit-modal-card .profile-actions .button {
+ padding: 0.72rem 0.95rem;
+}
+
+.admin-edit-form-grid .admin-edit-span-2 {
+ grid-column: span 2;
+}
+
+.admin-edit-form-grid .admin-edit-span-3 {
+ grid-column: span 3;
+}
+
+.admin-edit-form-grid .admin-edit-span-full {
+ grid-column: 1 / -1;
}
.admin-confirm-card {
@@ -1891,7 +1922,7 @@ body.site-menu-hidden .site-menu-shell {
grid-column: span 12;
}
- .admin-edit-meta-grid,
+ .admin-edit-summary-grid,
.profile-meta-grid,
.profile-form-grid,
.admin-toggle-grid,
@@ -1903,6 +1934,12 @@ body.site-menu-hidden .site-menu-shell {
grid-template-columns: 1fr;
}
+ .admin-edit-form-grid .admin-edit-span-2,
+ .admin-edit-form-grid .admin-edit-span-3,
+ .admin-edit-form-grid .admin-edit-span-full {
+ grid-column: 1 / -1;
+ }
+
.phase-header {
grid-template-columns: 1fr;
text-align: center;