fix: webapp topbar spans full content width

2026-08-16 21:28:53 +08:00
parent e34a67aeea
commit e0add95d7a
1 changed files with 8 additions and 3 deletions
@@ -479,13 +479,18 @@ body {
 #web-topbar {
  position: fixed;
  top: 12px;
-  left: 50%;
-  transform: translateX(-50%);
+  /* 占满内容 WebView 宽度（侧边栏右侧到屏幕右），遮住下方桌面内容（如搜索框），
+     避免顶栏两侧露出可点击的桌面元素 */
+  /* Span the content WebView width (sidebar's right edge to the screen's right)
+     to cover the desktop content below (e.g. the search box) so no clickable
+     desktop element peeks through beside the topbar */
+  left: 84px;
+  right: 12px;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 6px 10px;
-  border-radius: 999px;
+  border-radius: 16px;
  background: var(--glass-bg);
  backdrop-filter: var(--blur-filter);
  -webkit-backdrop-filter: var(--blur-filter);