From 3ee6a060e12d716760d5b4d9402f76452babffbe Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Stephan=20L=C3=BCscher?= Date: Fri, 24 May 2024 09:19:15 +0000 Subject: [PATCH] feat(nicegui): drop down menu for navigation --- anvil/nicegui/pages/assets/ublue-mini.svg | 54 +++++++++++++++++++++++ anvil/nicegui/theme.py | 7 ++- 2 files changed, 60 insertions(+), 1 deletion(-) create mode 100644 anvil/nicegui/pages/assets/ublue-mini.svg diff --git a/anvil/nicegui/pages/assets/ublue-mini.svg b/anvil/nicegui/pages/assets/ublue-mini.svg new file mode 100644 index 0000000..970f60a --- /dev/null +++ b/anvil/nicegui/pages/assets/ublue-mini.svg @@ -0,0 +1,54 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/anvil/nicegui/theme.py b/anvil/nicegui/theme.py index fa9aea1..e7cd9a5 100644 --- a/anvil/nicegui/theme.py +++ b/anvil/nicegui/theme.py @@ -1,6 +1,7 @@ from contextlib import contextmanager from menu import menu from nicegui import ui +from utils.helper import get_project_root class GuiProgressSpinner(ui.spinner): @@ -28,12 +29,16 @@ def frame( navigation_title: str, ): """Custom page frame to share the same styling and behavior across all pages""" + project_root = get_project_root() ui.colors(primary="#4051b5", secondary="#dddbff", accent="#171d9a") with ui.header(): with ui.grid(columns=3).classes("w-full gap-0"): with ui.row(wrap=False).classes("col-span-1 justify-start"): menu() - ui.label(text="uBlue-OS Forge").classes("text-h5") + ui.image(source=f"{project_root}/pages/assets/ublue-mini.svg").props( + "width=33px hight=auto" + ) + ui.label(text="Forge").classes("text-h5") with ui.row(wrap=False).classes("col-span-1 justify-center"): ui.label(text=navigation_title).classes("text-h5") with ui.row(wrap=False).classes("col-span-1 justify-end"):