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:
co-authored by
Claude Sonnet 4.6
parent
3e89997ab5
commit
3e9c7b4921
@@ -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}`;
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user