fix: UI tweaks — login layout, nftables code widget, connectivity limit
- 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:
parent
0c11cddb53
commit
25cff5e4d9
3 changed files with 6 additions and 7 deletions
|
|
@ -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()
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -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")
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -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"):
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue