fix(compte): styles nav sidebar, zone danger et bouton déconnexion (#73)

- Nav sidebar : indicateur bordure gauche rouge au lieu du pill rouge plein
- Zone danger : couleur rouge directe (#d9230f) au lieu de Bootstrap danger (violet en Simplex)
- Bouton Déconnexion : outline pour le rendre clairement stylisé

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
Colin Maudry
2026-06-24 22:38:28 +02:00
parent ff7aaa54cd
commit ccdf476c4f
3 changed files with 27 additions and 5 deletions
+14
View File
@@ -138,6 +138,20 @@ p.version > a {
font-weight: 600; font-weight: 600;
} }
.account-nav .nav-link {
color: inherit;
padding-left: 10px;
border-left: 3px solid transparent;
border-radius: 0;
}
.account-nav .nav-link.active {
color: #d9230f;
font-weight: 600;
border-left-color: #d9230f;
background-color: transparent;
}
#announcements { #announcements {
margin: 25px 40px 0 60px; margin: 25px 40px 0 60px;
font-size: 90%; font-size: 90%;
+1 -1
View File
@@ -75,7 +75,7 @@ def _nav(active: str):
dbc.NavLink(s["label"], href=s["href"], active=(s["key"] == active)) dbc.NavLink(s["label"], href=s["href"], active=(s["key"] == active))
for s in visible_sections(current_user_has_subscription()) for s in visible_sections(current_user_has_subscription())
] ]
return dbc.Nav(links, vertical=True, pills=True) return dbc.Nav(links, vertical=True, class_name="account-nav")
def account_shell(active: str, contenu): def account_shell(active: str, contenu):
+12 -4
View File
@@ -102,10 +102,17 @@ def _password_section():
def _danger_section(): def _danger_section():
return html.Div( return html.Div(
[ [
html.H4("Zone danger", className="mt-5 text-danger"), html.H4(
"Zone danger",
className="mt-3",
style={"color": "#d9230f"},
),
html.P("La suppression de votre compte est définitive."), html.P("La suppression de votre compte est définitive."),
dbc.Button( dbc.Button(
"Supprimer mon compte", id="delete-open", color="danger", outline=True "Supprimer mon compte",
id="delete-open",
color="primary",
outline=True,
), ),
dbc.Modal( dbc.Modal(
id="delete-modal", id="delete-modal",
@@ -148,7 +155,8 @@ def _danger_section():
], ],
), ),
], ],
className="border border-danger rounded p-3 mt-4", className="rounded p-3 mt-4",
style={"border": "1px solid #d9230f"},
) )
@@ -159,7 +167,7 @@ def _logout_section():
className="mt-4", className="mt-4",
children=[ children=[
_csrf("logout"), _csrf("logout"),
dbc.Button("Déconnexion", type="submit", color="secondary"), dbc.Button("Déconnexion", type="submit", color="secondary", outline=True),
], ],
) )