perf(capsule): 删除无效的 translation 徽章 backdrop-filter (#676)

issue #470:该 backdrop-filter:blur(20px) 作用在浮于透明窗口之上的 translation 徽章
pill 上,背后只有透明窗口=桌面,而 webview 模糊不了窗口背后的桌面(Tauri 上游限制,
本文件上方 pill 已有同款注释)。故它不产生任何模糊效果、纯空耗一次合成。删除零视觉变化。

Co-authored-by: 吕柏青 <lubaiqing9@gmail.com>
This commit is contained in:
TRIPand吕柏青 authored and GitHub committed 2026-06-16 10:56:22 +08:00
1 parent ec6a03d016
commit 28ea5123b4
1 file changed
+2 -2
+2 -2
View File
@@ -481,8 +481,8 @@ export function Capsule() {
fontWeight: 600,
color: 'var(--ol-blue)',
background: 'var(--ol-capsule-badge-bg)',
backdropFilter: 'blur(20px) saturate(180%)',
WebkitBackdropFilter: 'blur(20px) saturate(180%)',
// issue #470:去掉无效的 backdrop-filter —— webview 模糊不了透明窗口背后的桌面
// (Tauri 上游限制,同本文件上方 pill 注释),纯空耗合成,删除零视觉变化。
border: '0.5px solid var(--ol-capsule-badge-border)',
boxShadow: '0 4px 12px -4px rgba(37, 99, 235, 0.25), 0 0 0 0.5px rgba(0,0,0,0.04)',
letterSpacing: '0.02em',