Added some logo and styling to app

This commit is contained in:
Khalim Conn-Kowlessar 2024-07-01 11:26:18 +01:00
parent 37780687eb
commit f6adb3619b
4 changed files with 39 additions and 1 deletions

Binary file not shown.

After

Width:  |  Height:  |  Size: 18 KiB

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 7.2 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 19 KiB

View file

@ -61,6 +61,43 @@ def layout():
dbc.Col(
html.Div(
[
# Banner with logos
dbc.Row(
[
dbc.Col(
html.Img(src="assets/stonewater-logo.png", height="50px"),
width="auto"
),
dbc.Col(
html.Img(src="assets/osmosis-Logo.svg", height="50px"),
width="auto"
),
dbc.Col(
html.Div(
style={"color": "white", "font-size": "1.5rem", "font-weight": "bold"}
),
width=True,
className="text-center"
)
],
className="align-items-center",
style={"background-color": "#027fa6", "padding": "10px"}
),
dbc.Row(
[
dbc.Col("Powered by", style={"color": "#027fa6", "fontSize": "1rem", 'zIndex': 10}, width="auto"),
dbc.Col(
html.A(
html.Img(src="assets/hestia-logo.png", height="50px"),
href="https://hestia.homes",
),
width="auto",
style={"margin-left": "-60px"}
),
],
justify='left',
align="center"
),
html.H1(
"Stonewater Survey Map",
style={"font-size": "2.5rem", "font-weight": "bold", "margin-bottom": "20px"}
@ -79,7 +116,7 @@ def layout():
dbc.Row(
dbc.Col(
make_map(locations=locations),
width=12,
width=10,
align="center",
className="text-center"
),