diff --git a/bale/elements.py b/bale/elements.py
index 4390f4a..dd0c79b 100644
--- a/bale/elements.py
+++ b/bale/elements.py
@@ -12,12 +12,28 @@ logger = logging.getLogger(__name__)
orange = "#f59e0b"
dark = "#171717"
-ui.card.default_style("max-width: none")
-ui.card.default_props("flat bordered")
-ui.input.default_props("outlined dense hide-bottom-space")
-ui.button.default_props("outline dense")
-ui.select.default_props("outlined dense dense-options")
-ui.checkbox.default_props("dense")
+
+
+def load_element_css():
+ ui.add_head_html(
+ """
+
+ """
+ )
class ErrorAggregator:
diff --git a/bale/page.py b/bale/page.py
index 4562f40..7ac477d 100644
--- a/bale/page.py
+++ b/bale/page.py
@@ -1,35 +1,31 @@
from nicegui import app, ui
-from bale import elements as el
-from bale.drawer import Drawer
-from bale.content import Content
-from bale.interfaces import cli
import logging
logger = logging.getLogger(__name__)
+def load_defaults() -> None:
+ ui.card.default_style("max-width: none")
+ ui.card.default_props("flat bordered")
+ ui.input.default_props("outlined dense hide-bottom-space")
+ ui.button.default_props("outline dense")
+ ui.select.default_props("outlined dense dense-options")
+ ui.checkbox.default_props("dense")
+ ui.stepper.default_props("flat")
+ ui.stepper.default_classes("full-size-stepper")
+
+
def build():
@ui.page("/")
- def page():
+ def page() -> None:
app.add_static_files("/static", "static")
- ui.add_head_html(
- """
-
-"""
- )
+ load_defaults()
+ from bale import elements as el
+ from bale.drawer import Drawer
+ from bale.content import Content
+ from bale.interfaces import cli
+
+ el.load_element_css()
cli.load_terminal_css()
ui.colors(
primary=el.orange,