From e9c2de53cd1957889a1523ebf8c95638eae2b70b Mon Sep 17 00:00:00 2001 From: tian <11429339@qq.com> Date: Sun, 2 Aug 2026 14:18:19 +0800 Subject: [PATCH] =?UTF-8?q?style(control):=20=E7=9C=8B=E6=9D=BF=E8=A7=86?= =?UTF-8?q?=E9=A2=91=E6=BA=90=E5=90=8D=E5=AD=97=E6=94=B9=E4=B8=BA=E6=97=A0?= =?UTF-8?q?=E8=83=8C=E6=99=AF=E7=99=BD=E5=AD=97+=E9=BB=91=E8=89=B2?= =?UTF-8?q?=E6=8F=8F=E8=BE=B9?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit 按视频 OSD 行业标准:无背景(遮盖最少) + 白色文字 + 多向 text-shadow 黑色描边,浅色视频画面也不被同化。字号 9→10px。 --- control/internal/web/ui/templates/console.html | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) 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; }