varaverk: inline RX/TX legend with speed numbers; drop separate legend row

This commit is contained in:
Gmer4Lfe
2026-05-24 11:20:11 -04:00
parent 50614b9cbe
commit 2cd0a8e66e
@@ -349,17 +349,13 @@ function vvPollMonitor() {
<div>
<div style="font-size:12px;color:#888;margin-bottom:4px;">${net.iface} &nbsp;·&nbsp; ${linkLabel}</div>
<div style="display:flex;gap:16px;font-size:13px;font-weight:600;">
<span style="color:#4caf50;">${vvFmtBps(rx)}</span>
<span style="color:#ff9800;">${vvFmtBps(tx)}</span>
<span><span style="color:#4caf50;font-size:9px;margin-right:4px;">━ IN (RX)</span><span style="color:#4caf50;">${vvFmtBps(rx)}</span></span>
<span><span style="color:#ff9800;font-size:9px;margin-right:4px;">━ OUT (TX)</span><span style="color:#ff9800;">${vvFmtBps(tx)}</span></span>
</div>
</div>
<div style="text-align:right;font-size:11px;color:#aaa;line-height:1.6;">${ipRows}</div>
</div>
<canvas id="vv-net-canvas" style="width:100%;height:100px;display:block;margin-bottom:4px;"></canvas>
<div style="display:flex;gap:12px;font-size:9px;color:#555;">
<span><span style="color:#4caf50;">━</span> IN (RX)</span>
<span><span style="color:#ff9800;">━</span> OUT (TX)</span>
</div>`;
<canvas id="vv-net-canvas" style="width:100%;height:100px;display:block;"></canvas>`;
vvDrawNetChart(document.getElementById('vv-net-canvas'), vvNetRxHistory, vvNetTxHistory, maxBps);
} else {