fix: UI tweaks — login layout, nftables code widget, connectivity limit
All checks were successful
Dev / test (push) Successful in 5m1s
Dev / docker (push) Successful in 1m55s

- Put logo and title on same row in login page
- Use ui.code with syntax highlighting for nftables ruleset dialog
- Widen nftables dialog to 900px
- Limit WAN connectivity checks to last 10 entries
This commit is contained in:
Stefano Bertelli 2026-03-31 15:50:50 -05:00
parent 0c11cddb53
commit 25cff5e4d9
3 changed files with 6 additions and 7 deletions

View file

@ -106,7 +106,7 @@ async def diagnostics_page():
async with async_session() as session: async with async_session() as session:
result = await session.execute( result = await session.execute(
select(ConnectivityCheck).order_by(ConnectivityCheck.inserted_at.desc()).limit(20) select(ConnectivityCheck).order_by(ConnectivityCheck.inserted_at.desc()).limit(10)
) )
checks = result.scalars().all() checks = result.scalars().all()

View file

@ -166,13 +166,11 @@ async def rules_page():
async def show_nft_rules(): async def show_nft_rules():
ruleset = await get_ruleset() ruleset = await get_ruleset()
with ui.dialog(value=True) as dlg: with ui.dialog(value=True) as dlg:
with ui.card().classes("w-[800px]"): with ui.card().classes("w-[900px] max-w-[90vw]"):
ui.label("nftables Ruleset").classes("text-subtitle1 text-bold") ui.label("nftables Ruleset").classes("text-subtitle1 text-bold")
ui.label("Current system firewall rules for troubleshooting.").classes("text-caption text-grey") ui.label("Current system firewall rules for troubleshooting.").classes("text-caption text-grey")
ui.separator() ui.separator()
ui.textarea(value=ruleset).props("readonly outlined").classes( ui.code(ruleset, language="bash").classes("w-full")
"w-full font-mono text-xs"
).style("min-height: 400px; white-space: pre")
with ui.row().classes("w-full justify-end q-mt-sm"): with ui.row().classes("w-full justify-end q-mt-sm"):
ui.button("Close", on_click=dlg.close).props("flat") ui.button("Close", on_click=dlg.close).props("flat")

View file

@ -62,8 +62,9 @@ async def login_page():
ui.navigate.to("/") ui.navigate.to("/")
with ui.column().classes("absolute-center items-center"): with ui.column().classes("absolute-center items-center"):
ui.image("/img/wiregui.svg").classes("w-20 h-20") with ui.row().classes("items-center gap-3"):
ui.label("WireGUI").classes("text-h4 text-bold") ui.image("/img/wiregui.svg").classes("w-16 h-16")
ui.label("WireGUI").classes("text-h4 text-bold")
ui.label("Sign in to your account").classes("text-subtitle1 q-mb-md") ui.label("Sign in to your account").classes("text-subtitle1 q-mb-md")
with ui.card().classes("w-80"): with ui.card().classes("w-80"):