Doni/safesight
6
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style(control): 看板视频源名字改为无背景白字+黑色描边

Browse Source 
按视频 OSD 行业标准：无背景(遮盖最少) + 白色文字 + 多向
text-shadow 黑色描边，浅色视频画面也不被同化。字号 9→10px。
This commit is contained in:
tian 2026-08-02 14:18:19 +08:00
parent 7e6cf1b054
commit e9c2de53cd
1 changed files with 1 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
control/internal/web/ui/templates/console.html
View File

@ -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; }