From e0add95d7a10330921f652a04a57b6c448a52529 Mon Sep 17 00:00:00 2001
From: AskaEth <i@yeij.top>
Date: Sun, 16 Aug 2026 21:28:53 +0800
Subject: [PATCH] fix: webapp topbar spans full content width

---
 app/src/main/assets/h5/css/app.css | 11 ++++++++---
 1 file changed, 8 insertions(+), 3 deletions(-)

diff --git a/app/src/main/assets/h5/css/app.css b/app/src/main/assets/h5/css/app.css
index c6767b6..1e65d9d 100644
--- a/app/src/main/assets/h5/css/app.css
+++ b/app/src/main/assets/h5/css/app.css
@@ -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);