diff --git a/src/assets/css/style.css b/src/assets/css/style.css index 42afb2a..ed1681f 100644 --- a/src/assets/css/style.css +++ b/src/assets/css/style.css @@ -138,6 +138,20 @@ p.version > a { 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 { margin: 25px 40px 0 60px; font-size: 90%; diff --git a/src/pages/_compte_shell.py b/src/pages/_compte_shell.py index 79bf970..96cafa9 100644 --- a/src/pages/_compte_shell.py +++ b/src/pages/_compte_shell.py @@ -75,7 +75,7 @@ def _nav(active: str): dbc.NavLink(s["label"], href=s["href"], active=(s["key"] == active)) 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): diff --git a/src/pages/compte_admin.py b/src/pages/compte_admin.py index 04f854d..205b47c 100644 --- a/src/pages/compte_admin.py +++ b/src/pages/compte_admin.py @@ -102,10 +102,17 @@ def _password_section(): def _danger_section(): 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."), dbc.Button( - "Supprimer mon compte", id="delete-open", color="danger", outline=True + "Supprimer mon compte", + id="delete-open", + color="primary", + outline=True, ), dbc.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", children=[ _csrf("logout"), - dbc.Button("Déconnexion", type="submit", color="secondary"), + dbc.Button("Déconnexion", type="submit", color="secondary", outline=True), ], )