AskaEth/Hearth
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: webapp topbar spans full content width

Browse Source
This commit is contained in:
AskaEth
2026-08-16 21:28:53 +08:00
parent e34a67aeea
commit e0add95d7a
1 changed files with 8 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/src/main/assets/h5/css/app.css
+8 -3
View File
@@ -479,13 +479,18 @@ body {
#web-topbar { #web-topbar {
position: fixed; position: fixed;
top: 12px; top: 12px;
left: 50%; /* 占满内容 WebView 宽度（侧边栏右侧到屏幕右），遮住下方桌面内容（如搜索框），
transform: translateX(-50%); 避免顶栏两侧露出可点击的桌面元素 */
/* 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; display: flex;
align-items: center; align-items: center;
gap: 8px; gap: 8px;
padding: 6px 10px; padding: 6px 10px;
border-radius: 999px; border-radius: 16px;
background: var(--glass-bg); background: var(--glass-bg);
backdrop-filter: var(--blur-filter); backdrop-filter: var(--blur-filter);
-webkit-backdrop-filter: var(--blur-filter); -webkit-backdrop-filter: var(--blur-filter);