sjg/trx-rs
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

[perf](trx-rs): optimize spectrum streaming and header overlay

Browse Source 
Co-authored-by: OpenAI Codex <codex@openai.com>
Signed-off-by: Stan Grams <sjg@haxx.space>
This commit is contained in:
Stan Grams
2026-02-28 00:43:32 +01:00
parent adc17507ce
commit c703a5bafd
4 changed files with 54 additions and 27 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/trx-client/trx-frontend/trx-frontend-http/assets/web/style.css
+12 -7
View File
@@ -27,6 +27,7 @@
--wavelength-fg: #8da3be;
--spectrum-bg: #0a0f18;
--jog-wheel-size: 83.2px;
--header-waterfall-overlap: 3.2rem;
}
[data-theme="light"] {
@@ -378,10 +379,10 @@ small { color: var(--text-muted); }
grid-template-columns: auto minmax(0, 1fr);
align-items: center;
column-gap: 1rem;
margin-bottom: -0.45rem;
margin-bottom: 0;
padding: 0.25rem 0 0.15rem;
position: relative;
z-index: 2;
z-index: 3;
}
.header-text {
width: auto;
@@ -391,17 +392,20 @@ small { color: var(--text-muted); }
.title { font-size: 1.4rem; font-weight: 700; display: inline-flex; align-items: center; gap: 0.35rem; }
.overview-strip {
width: 100%;
margin: 0 0 0.95rem;
padding-top: 0.8rem;
margin: calc(-1 * var(--header-waterfall-overlap)) 0 0.95rem;
position: relative;
z-index: 1;
}
.overview-toolbar {
display: flex;
align-items: center;
justify-content: flex-start;
justify-content: flex-end;
gap: 0.75rem;
margin-bottom: 0.25rem;
margin-bottom: 0;
position: absolute;
top: calc(var(--header-waterfall-overlap) + 0.2rem);
right: 0.15rem;
z-index: 2;
}
.overview-label {
margin-left: auto;
@@ -663,6 +667,7 @@ button:focus-visible, input:focus-visible, select:focus-visible {
.card { padding: 0.7rem 0.7rem 1rem; }
button { min-height: 2.8rem; font-size: 0.95rem; }
input.status-input, select.status-input { font-size: 1.1rem; }
:root { --header-waterfall-overlap: 2.2rem; }
.controls-tray { width: max(100%, 52rem); padding-left: 0.85rem; padding-right: 0.85rem; }
.freq-inline { gap: 0.5rem; }
.freq-inline { flex-wrap: wrap; }
@@ -672,7 +677,7 @@ button:focus-visible, input:focus-visible, select:focus-visible {
.top-bar-actions { width: 100%; justify-content: space-between; }
.header-rig-switch { width: auto; justify-content: flex-end; }
.header-rig-switch select { min-width: 6.5rem; }
.overview-toolbar { flex-wrap: wrap; }
.overview-toolbar { top: calc(var(--header-waterfall-overlap) + 0.15rem); }
.controls-row { grid-template-columns: 1fr auto; }
.controls-col-wfm { grid-column: 1 / -1; }
.controls-col-power { grid-column: 1 / -1; }