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

[fix](trx-frontend): increase spectrum headroom and match heights

Browse Source 
Add 10 dB of spectrum headroom and keep the overview waterfall the same height as the spectrum plot.

Co-authored-by: OpenAI Codex <codex@openai.com>
Signed-off-by: Stan Grams <sjg@haxx.space>
This commit is contained in:
Stan Grams
2026-03-01 10:14:22 +01:00
parent 626d5e2ec5
commit 740d678357
2 changed files with 7 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/trx-client/trx-frontend/trx-frontend-http/assets/web/app.js
+3 -2
View File
@@ -3118,7 +3118,8 @@ let spectrumPanFrac = 0.5;
// Y-axis level: floor = bottom dB value shown; range = total dB span. // Y-axis level: floor = bottom dB value shown; range = total dB span.
let spectrumFloor = -115; let spectrumFloor = -115;
let spectrumRange = 80; let spectrumRange = 90;
const SPECTRUM_HEADROOM_DB = 20;
const SPECTRUM_SMOOTH_ALPHA = 0.42; const SPECTRUM_SMOOTH_ALPHA = 0.42;
// BW-strip drag state. // BW-strip drag state.
@@ -4073,7 +4074,7 @@ if (spectrumCanvas) {
const noise = sorted[Math.floor(sorted.length * 0.15)]; const noise = sorted[Math.floor(sorted.length * 0.15)];
const peak = sorted[sorted.length - 1]; const peak = sorted[sorted.length - 1];
spectrumFloor = Math.floor(noise / 10) * 10 - 10; spectrumFloor = Math.floor(noise / 10) * 10 - 10;
spectrumRange = Math.max(60, Math.ceil((peak - spectrumFloor) / 10) * 10 + 10); spectrumRange = Math.max(60, Math.ceil((peak - spectrumFloor) / 10) * 10 + SPECTRUM_HEADROOM_DB);
if (floorInput) floorInput.value = spectrumFloor; if (floorInput) floorInput.value = spectrumFloor;
scheduleSpectrumDraw(); scheduleSpectrumDraw();
}); });
src/trx-client/trx-frontend/trx-frontend-http/assets/web/style.css
+4 -3
View File
@@ -26,6 +26,7 @@
--filter-border: #385577; --filter-border: #385577;
--wavelength-fg: #8da3be; --wavelength-fg: #8da3be;
--spectrum-bg: #0a0f18; --spectrum-bg: #0a0f18;
--spectrum-plot-height: 160px;
--jog-wheel-size: 83.2px; --jog-wheel-size: 83.2px;
--header-waterfall-overlap: 0rem; --header-waterfall-overlap: 0rem;
} }
@@ -488,7 +489,7 @@ small { color: var(--text-muted); }
#rds-ps-overlay { #rds-ps-overlay {
display: none; display: none;
position: absolute; position: absolute;
top: calc(var(--header-waterfall-overlap) + 0.7rem); top: 50%;
left: 50%; left: 50%;
transform: translate(-50%, -50%); transform: translate(-50%, -50%);
z-index: 5; z-index: 5;
@@ -609,7 +610,7 @@ small { color: var(--text-muted); }
} }
#overview-canvas { #overview-canvas {
width: 100%; width: 100%;
height: calc(clamp(4.2rem, 11vh, 6.25rem) + var(--header-waterfall-overlap)); height: var(--spectrum-plot-height);
display: block; display: block;
} }
.header-left { .header-left {
@@ -986,7 +987,7 @@ button:focus-visible, input:focus-visible, select:focus-visible {
#spectrum-canvas { #spectrum-canvas {
display: block; display: block;
width: 100%; width: 100%;
height: 160px; height: var(--spectrum-plot-height);
background: var(--spectrum-bg); background: var(--spectrum-bg);
border-radius: 6px 6px 0 0; border-radius: 6px 6px 0 0;
cursor: crosshair; cursor: crosshair;