[feat](trx-frontend-http): add clickable Sig Strength field between Wavelength and Frequency

Add a new "Sig Strength" display field in the freq row that shows
the measured signal strength. Clicking the field cycles through
three units: dBFS (default), dBf, and dBm. The selected unit is
persisted in localStorage.

https://claude.ai/code/session_01EvRV8UgsVtbrcH4t2hmFBF
Signed-off-by: Claude <noreply@anthropic.com>
This commit is contained in:
Claude
2026-03-27 11:13:54 +00:00
committed by Stan Grams
parent 54ca86a93d
commit d864969742
3 changed files with 66 additions and 0 deletions
@@ -550,6 +550,9 @@ button:disabled { opacity: 0.6; cursor: not-allowed; }
.wavelength-col {
flex: 0 0 auto;
}
.sig-strength-col {
flex: 0 0 auto;
}
.unit-col {
flex: 0 0 auto;
}
@@ -625,6 +628,26 @@ button:disabled { opacity: 0.6; cursor: not-allowed; }
white-space: nowrap;
flex-shrink: 0;
}
.sig-strength-display {
min-width: 5.2rem;
height: 3.35rem;
padding: 0 0.7rem;
border: 1px solid var(--border-light);
border-radius: 6px;
background: var(--input-bg);
color: var(--wavelength-fg);
display: inline-flex;
align-items: center;
justify-content: center;
font-family: 'DSEG14 Classic', monospace;
font-weight: 600;
font-size: 1.25rem;
letter-spacing: 0.03em;
white-space: nowrap;
flex-shrink: 0;
cursor: pointer;
user-select: none;
}
small { color: var(--text-muted); }
.header {
margin-bottom: 0;
@@ -2747,11 +2770,13 @@ button:focus-visible, input:focus-visible, select:focus-visible {
min-width: 0;
}
.wavelength-col,
.sig-strength-col,
.unit-col,
.mult-col {
min-width: 0;
}
.wavelength-display,
.sig-strength-display,
.jog-step,
.jog-mult {
width: 100%;