alee/golfgame
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix mobile bottom bar: pin to viewport bottom, remove background

Browse Source 
- Position fixed bottom:0 so buttons are always at the very bottom
- Remove dark background that was picking up the green felt color
- Add bottom padding to game-table so player cards aren't hidden behind bar

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
adlee-was-taken 2026-02-21 23:21:32 -05:00
parent aa2093d6c8
commit 3b9522fec3
1 changed files with 6 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
client/style.css
View File

@ -5006,6 +5006,7 @@ body.mobile-portrait .game-table {
flex: 1; flex: 1;
overflow: hidden; overflow: hidden;
padding: 0 4px; padding: 0 4px;
padding-bottom: calc(44px + env(safe-area-inset-bottom, 0px));
min-height: 0; min-height: 0;
} }
@ -5258,15 +5259,14 @@ body.mobile-portrait #mobile-bottom-bar {
justify-content: center; justify-content: center;
align-items: center; align-items: center;
gap: 12px; gap: 12px;
background: rgba(10, 10, 20, 0.7); background: none;
backdrop-filter: blur(12px); position: fixed;
-webkit-backdrop-filter: blur(12px); bottom: 0;
left: 0;
right: 0;
padding: 8px 20px; padding: 8px 20px;
padding-bottom: calc(8px + env(safe-area-inset-bottom, 0px)); padding-bottom: calc(8px + env(safe-area-inset-bottom, 0px));
width: 100%;
z-index: 500; z-index: 500;
flex-shrink: 0;
border-top: 1px solid rgba(255, 255, 255, 0.08);
} }
body.mobile-portrait #mobile-bottom-bar .mobile-bar-btn { body.mobile-portrait #mobile-bottom-bar .mobile-bar-btn {