Add brightness overlay and enlarge LED preview on target cards

Show effective brightness percentage on the LED preview when a
value source dims below 100%. Prepend a brightness byte to the
preview WebSocket wire format. Increase preview height to 32px.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
2026-02-26 14:44:03 +03:00
parent a0c9cb0039
commit c2deef214e
3 changed files with 40 additions and 7 deletions

View File

@@ -631,13 +631,27 @@ ul.section-tip li {
.led-preview-panel {
padding: 4px 0 0;
position: relative;
}
.led-preview-canvas {
display: block;
width: 100%;
height: 16px;
height: 32px;
border-radius: 3px;
image-rendering: pixelated;
background: #111;
}
.led-preview-brightness {
position: absolute;
right: 4px;
top: 50%;
transform: translateY(-50%);
font-size: 0.8rem;
font-family: var(--font-mono, monospace);
color: #fff;
text-shadow: 0 0 3px rgba(0,0,0,0.8);
pointer-events: none;
opacity: 0.8;
}