tjcravey/sojuboy
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix(webui): summarizer wrapping and width; scope dashboard grid to .dash; ensure #out wraps and fills; adjust dashboard main class

Browse source
This commit is contained in:
Thomas Cravey 2025-08-17 13:50:38 -05:00
parent fb92930e7a
commit f7d97db569
2 changed files with 10 additions and 7 deletions
Download patch file Download diff file Expand all files Collapse all files

15
internal/httpapi/static/app.css
View file

@ -1,13 +1,16 @@
body { padding: 0; } body { padding: 0; }
header.nav { position: sticky; top: 0; z-index: 10; padding: .6rem 1rem; border-bottom: 1px solid var(--muted-border-color); display: flex; justify-content: space-between; align-items: center; } header.nav { position: sticky; top: 0; z-index: 10; padding: .6rem 1rem; border-bottom: 1px solid var(--muted-border-color); display: flex; justify-content: space-between; align-items: center; }
header.nav a.brand { text-decoration: none; font-weight: 600; } header.nav a.brand { text-decoration: none; font-weight: 600; }
main.container { display: grid; grid-template-columns: 220px 1fr; gap: 0; min-height: calc(100vh - 3rem); } /* Dashboard-only grid layout */
aside.sidebar { border-right: 1px solid var(--muted-border-color); padding: .75rem; overflow-y: auto; } .dash { display: grid; grid-template-columns: 220px 1fr; gap: 0; min-height: calc(100vh - 3rem); }
aside.sidebar a { display:block; padding:.25rem .5rem; border-radius:.25rem; text-decoration:none; } .dash aside.sidebar { border-right: 1px solid var(--muted-border-color); padding: .75rem; overflow-y: auto; }
aside.sidebar a.active { background: var(--muted-color); color: var(--contrast); } .dash aside.sidebar a { display:block; padding:.25rem .5rem; border-radius:.25rem; text-decoration:none; }
section.chat { padding: .75rem 1rem; display:flex; flex-direction: column; height: calc(100vh - 3.5rem); } .dash aside.sidebar a.active { background: var(--muted-color); color: var(--contrast); }
.dash section.chat { padding: .75rem 1rem; display:flex; flex-direction: column; height: calc(100vh - 3.5rem); }
#tail { flex: 1; overflow: auto; white-space: pre-wrap; word-break: break-word; overflow-wrap: anywhere; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; height: calc(100vh - 4.5rem); } #tail { flex: 1; overflow: auto; white-space: pre-wrap; word-break: break-word; overflow-wrap: anywhere; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; height: calc(100vh - 4.5rem); }
.ts { opacity: .66; } .ts { opacity: .66; }
.msg { margin-bottom: .25rem; } .msg { margin-bottom: .25rem; }
footer { text-align: center; font-size: .85rem; padding: .5rem 0; opacity: .7; } footer { text-align: center; font-size: .85rem; padding: .5rem 0; opacity: .7; }
@media (max-width: 900px) { main.container { grid-template-columns: 1fr; } aside.sidebar { display:none; } } @media (max-width: 900px) { .dash { grid-template-columns: 1fr; } .dash aside.sidebar { display:none; } }
/* Summarizer output wrapping */
#out { white-space: pre-wrap; word-break: break-word; overflow-wrap: anywhere; }

2
internal/httpapi/templates/dashboard.tmpl
View file

@ -1,5 +1,5 @@
{{ define "dashboard" }} {{ define "dashboard" }}
<main class="container"> <main class="dash">
<aside class="sidebar"> <aside class="sidebar">
<nav id="chanlist"></nav> <nav id="chanlist"></nav>
</aside> </aside>