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:
@@ -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%;
|
||||||
|
|||||||
@@ -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):
|
||||||
|
|||||||
@@ -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),
|
||||||
],
|
],
|
||||||
)
|
)
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user