diff --git a/control/internal/web/ui/templates/console.html b/control/internal/web/ui/templates/console.html index 68dd442..18fc952 100644 --- a/control/internal/web/ui/templates/console.html +++ b/control/internal/web/ui/templates/console.html @@ -545,7 +545,7 @@ .preview-tile { background: #000; border-radius: 4px; width: 25%; aspect-ratio: 16/9; position: relative; overflow: hidden; } .preview-tile.empty { background: #080808; } .preview-tile video { width: 100%; height: 100%; object-fit: cover; display: block; } -.preview-label { position: absolute; bottom: 3px; left: 4px; background: rgba(255,255,255,0.35); color: rgba(0,0,0,0.85); padding: 1px 5px; border-radius: 3px; font-size: 9px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: calc(100% - 8px); pointer-events: none; z-index: 1; backdrop-filter: blur(2px); -webkit-backdrop-filter: blur(2px); } +.preview-label { position: absolute; bottom: 3px; left: 4px; background: none; color: #fff; text-shadow: 0 0 2px rgba(0,0,0,0.95), 0 0 4px rgba(0,0,0,0.7), 1px 1px 1px rgba(0,0,0,0.8); padding: 0 2px; border-radius: 2px; font-size: 10px; font-weight: 500; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: calc(100% - 8px); pointer-events: none; z-index: 1; } /* Controls: side by side, 50/50 */ .console-controls { width: 460px; flex-shrink: 0; display: flex; gap: 10px; }