ui: streams header — left/right groups span full card width

Server badges + media type anchor to the left; device/res/codec anchor
to the right via justify-content:space-between. Right group still
disappears at ≤1024px (now a single display:none on .vv-stream-right).

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
Gmer4Lfe
2026-05-31 22:23:14 -04:00
co-authored by Claude Sonnet 4.6
parent 3e89997ab5
commit 3e9c7b4921
2 changed files with 13 additions and 5 deletions
+5 -2
View File
@@ -1546,7 +1546,7 @@ function vvRenderStreams() {
const mtypeSection = mtypeBar ? `<span class="vv-device-sep">·</span>${mtypeBar}` : '';
if (sessions.length === 0) {
el.innerHTML = `<div class="vv-stream-servers">${badges}</div>`
el.innerHTML = `<div class="vv-stream-servers"><div class="vv-stream-left">${badges}</div></div>`
+ '<p class="vv-stream-empty">Nothing playing</p>';
return;
}
@@ -1604,7 +1604,10 @@ function vvRenderStreams() {
? `<div style="font-size:10px;color:#555;margin-top:4px;">+${sessions.length - 12} more not shown</div>`
: '';
el.innerHTML = `<div class="vv-stream-servers">${badges}${mtypeSection}${deviceSection}${resSection}${codecSection}</div>
el.innerHTML = `<div class="vv-stream-servers">
<div class="vv-stream-left">${badges}${mtypeSection}</div>
<div class="vv-stream-right">${deviceSection}${resSection}${codecSection}</div>
</div>
<div style="display:flex;gap:10px;">${sCols.map(vvStreamCol).join('')}</div>${overflow}`;
}