[fix](trx-frontend-http): fix rig access path and unify control height

Co-authored-by: OpenAI Codex <codex@openai.com>
Signed-off-by: Stanislaw Grams <stanislawgrams@gmail.com>
This commit is contained in:
2026-02-13 02:14:15 +01:00
parent 4f35be539f
commit 1955d2491d
2 changed files with 9 additions and 5 deletions
@@ -623,7 +623,8 @@ function render(update) {
const access = update.info.access; const access = update.info.access;
if (access) { if (access) {
if (access.Serial) { if (access.Serial) {
document.getElementById("about-rig-access").textContent = `Serial (${access.Serial.port || "?"}, ${access.Serial.baud || "?"} baud)`; const serialPath = access.Serial.path || access.Serial.port || "?";
document.getElementById("about-rig-access").textContent = `Serial (${serialPath}, ${access.Serial.baud || "?"} baud)`;
} else if (access.Tcp) { } else if (access.Tcp) {
document.getElementById("about-rig-access").textContent = `TCP (${access.Tcp.host || "?"}:${access.Tcp.port || "?"})`; document.getElementById("about-rig-access").textContent = `TCP (${access.Tcp.host || "?"}:${access.Tcp.port || "?"})`;
} else { } else {
@@ -12,6 +12,7 @@
--accent-green: #00d17f; --accent-green: #00d17f;
--accent-yellow: #f0ad4e; --accent-yellow: #f0ad4e;
--accent-red: #e55353; --accent-red: #e55353;
--control-height: 2.6rem;
--jog-hi: #2a3444; --jog-hi: #2a3444;
--jog-lo: #1a2230; --jog-lo: #1a2230;
--jog-shadow: rgba(0,0,0,0.3); --jog-shadow: rgba(0,0,0,0.3);
@@ -57,7 +58,7 @@ body { font-family: sans-serif; margin: 0; min-height: 100vh; box-sizing: border
.label { color: var(--text-muted); font-size: 0.9rem; margin-bottom: 6px; display: block; } .label { color: var(--text-muted); font-size: 0.9rem; margin-bottom: 6px; display: block; }
.status { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 1.1rem 1rem; } .status { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 1.1rem 1rem; }
input.status-input, select.status-input { width: 100%; padding: 0.45rem 0.5rem; font-size: 1rem; border: 1px solid var(--border-light); border-radius: 6px; background: var(--input-bg); color: var(--text); } input.status-input, select.status-input { width: 100%; padding: 0.45rem 0.5rem; font-size: 1rem; border: 1px solid var(--border-light); border-radius: 6px; background: var(--input-bg); color: var(--text); }
#mode { height: 2.6rem; } #mode { height: var(--control-height); }
#freq { font-family: 'DSEG14 Classic', monospace; font-size: 2rem; padding: 0.5rem 0.6rem; letter-spacing: 0.05em; text-align: center; } #freq { font-family: 'DSEG14 Classic', monospace; font-size: 2rem; padding: 0.5rem 0.6rem; letter-spacing: 0.05em; text-align: center; }
.controls-row { .controls-row {
display: grid; display: grid;
@@ -88,7 +89,7 @@ input.status-input, select.status-input { width: 100%; padding: 0.45rem 0.5rem;
grid-template-columns: repeat(3, 1fr); grid-template-columns: repeat(3, 1fr);
gap: 0.5rem; gap: 0.5rem;
} }
.btn-grid button { width: 100%; height: 2.6rem; } .btn-grid button { width: 100%; height: var(--control-height); }
.jog-container { .jog-container {
display: flex; display: flex;
align-items: center; align-items: center;
@@ -168,7 +169,7 @@ input.status-input, select.status-input { width: 100%; padding: 0.45rem 0.5rem;
border: none; border: none;
border-right: 1px solid var(--border-light); border-right: 1px solid var(--border-light);
border-radius: 0; border-radius: 0;
height: 2.6rem; height: var(--control-height);
background: var(--input-bg); background: var(--input-bg);
color: var(--text-muted); color: var(--text-muted);
font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
@@ -185,7 +186,7 @@ input.status-input, select.status-input { width: 100%; padding: 0.45rem 0.5rem;
align-items: center; align-items: center;
margin-top: 0.4rem; margin-top: 0.4rem;
} }
button { padding: 0.5rem 0.9rem; border-radius: 6px; border: 1px solid var(--btn-border); background: var(--btn-bg); color: var(--text); cursor: pointer; height: 2.6rem; } button { padding: 0.5rem 0.9rem; border-radius: 6px; border: 1px solid var(--btn-border); background: var(--btn-bg); color: var(--text); cursor: pointer; height: var(--control-height); }
button:disabled { opacity: 0.6; cursor: not-allowed; } button:disabled { opacity: 0.6; cursor: not-allowed; }
.hint { color: var(--text-muted); font-size: 0.85rem; } .hint { color: var(--text-muted); font-size: 0.85rem; }
.inline { display: flex; gap: 0.5rem; align-items: center; } .inline { display: flex; gap: 0.5rem; align-items: center; }
@@ -347,6 +348,8 @@ small { color: var(--text-muted); }
.ft8-filter { .ft8-filter {
flex: 1; flex: 1;
min-width: 10rem; min-width: 10rem;
height: var(--control-height);
box-sizing: border-box;
background: var(--filter-bg); background: var(--filter-bg);
color: var(--filter-fg); color: var(--filter-fg);
border: 1px solid var(--filter-border); border: 1px solid var(--filter-border);