Alignement du logo et du numéro de version
This commit is contained in:
@@ -115,6 +115,8 @@ navbar = dbc.Navbar(
|
|||||||
children=[
|
children=[
|
||||||
dbc.NavItem(
|
dbc.NavItem(
|
||||||
children=[
|
children=[
|
||||||
|
html.Div(
|
||||||
|
[
|
||||||
dcc.Link(html.H1("decp.info"), href="/", className="logo"),
|
dcc.Link(html.H1("decp.info"), href="/", className="logo"),
|
||||||
html.P(
|
html.P(
|
||||||
[
|
[
|
||||||
@@ -126,6 +128,9 @@ navbar = dbc.Navbar(
|
|||||||
className="version",
|
className="version",
|
||||||
),
|
),
|
||||||
],
|
],
|
||||||
|
className="logo-wrapper",
|
||||||
|
)
|
||||||
|
],
|
||||||
style={"minWidth": "230px"},
|
style={"minWidth": "230px"},
|
||||||
),
|
),
|
||||||
dbc.Nav(
|
dbc.Nav(
|
||||||
|
|||||||
@@ -32,7 +32,8 @@ button {
|
|||||||
background-color: #fff;
|
background-color: #fff;
|
||||||
border-radius: 3px;
|
border-radius: 3px;
|
||||||
appearance: auto;
|
appearance: auto;
|
||||||
border: solid var(--primary-color) 1px; /* couleur thème foncée */
|
border: solid var(--primary-color) 1px;
|
||||||
|
/* couleur thème foncée */
|
||||||
}
|
}
|
||||||
|
|
||||||
button[disabled] {
|
button[disabled] {
|
||||||
@@ -75,17 +76,21 @@ button:hover:not([disabled]) {
|
|||||||
a.logo {
|
a.logo {
|
||||||
color: black;
|
color: black;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
float: left;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
a.logo > h1 {
|
a.logo > h1 {
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
|
margin: 0;
|
||||||
|
line-height: 1;
|
||||||
|
}
|
||||||
|
|
||||||
|
.logo-wrapper {
|
||||||
|
display: flex;
|
||||||
|
align-items: baseline;
|
||||||
}
|
}
|
||||||
|
|
||||||
p.version {
|
p.version {
|
||||||
float: left;
|
margin: 0 0 0 12px;
|
||||||
margin-top: 21px;
|
|
||||||
margin-left: 12px;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
p.version > a {
|
p.version > a {
|
||||||
|
|||||||
Reference in New Issue
Block a user