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

Apply flush header with gradient to desktop/landscape view too

Browse Source 
Remove game-screen padding and replace solid dark header background
with subtle dark-to-transparent gradient matching mobile treatment.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
adlee-was-taken 2026-02-22 17:12:15 -05:00
parent c7fb85d281
commit 7b071afdfb
1 changed files with 3 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
client/style.css
View File

@ -736,8 +736,8 @@ input::placeholder {
display: grid; display: grid;
grid-template-columns: auto 1fr auto; grid-template-columns: auto 1fr auto;
align-items: center; align-items: center;
padding: 10px 20px; padding: 6px 12px;
background: rgba(0,0,0,0.35); background: linear-gradient(to bottom, rgba(0, 0, 0, 0.25) 0%, transparent 100%);
font-size: 0.9rem; font-size: 0.9rem;
width: 100vw; width: 100vw;
margin-left: calc(-50vw + 50%); margin-left: calc(-50vw + 50%);
@ -1730,7 +1730,7 @@ input::placeholder {
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
position: relative; position: relative;
padding: 10px; padding: 0;
} }
.game-layout { .game-layout {