Alexander/homepage
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: strengthen status bar drop shadow and clarify positioning

Browse Source 
Increase shadow spread (4px offset, 10px blur, 0.4 opacity) for a
more visible boundary between Android status bar and page content.
This commit is contained in:
Alexander Bocken
2026-04-06 00:39:10 +02:00
parent 30d7f321d3
commit 6f53fe3b7b
1 changed files with 4 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/app.css
+4 -2
View File
@@ -280,7 +280,9 @@ body {
overflow-x: hidden; overflow-x: hidden;
} }
/* Status bar drop shadow for edge-to-edge Android/PWA */ /* Status bar drop shadow for edge-to-edge Android/Tauri.
Sits flush at the top; the downward shadow marks the
boundary between status bar and page content. */
body::before { body::before {
content: ''; content: '';
position: fixed; position: fixed;
@@ -288,7 +290,7 @@ body::before {
left: 0; left: 0;
right: 0; right: 0;
height: env(safe-area-inset-top, 0px); height: env(safe-area-inset-top, 0px);
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3); box-shadow: 0 4px 10px rgba(0, 0, 0, 0.4);
z-index: 9999; z-index: 9999;
pointer-events: none; pointer-events: none;
} }