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

Update client UI with latest styling changes

Browse Source 
Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
Aaron D. Lee 2026-01-24 19:30:20 -05:00
parent ac84a76c3d
commit 94da51e46b
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

@ -417,9 +417,9 @@ input::placeholder {
align-items: flex-end; align-items: flex-end;
gap: clamp(10px, 2vw, 30px); gap: clamp(10px, 2vw, 30px);
min-height: clamp(100px, 12vw, 150px); min-height: clamp(100px, 12vw, 150px);
padding: 0 20px; padding: 0 10px;
width: 100%; width: calc(100vw - 240px);
max-width: calc(100vw - 240px); /* Leave room for scoreboard */ margin-left: 10px;
} }
/* Arch layout - middle items higher, edges lower with rotation for "around the table" feel */ /* Arch layout - middle items higher, edges lower with rotation for "around the table" feel */
@ -647,13 +647,13 @@ input::placeholder {
#game-screen.active { #game-screen.active {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: center; align-items: flex-start;
position: relative; position: relative;
} }
.game-layout { .game-layout {
display: flex; display: flex;
justify-content: center; justify-content: flex-start;
width: 100%; width: 100%;
align-items: flex-start; align-items: flex-start;
} }
@ -664,7 +664,7 @@ input::placeholder {
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
gap: 8px; gap: 8px;
max-width: 100%; width: calc(100vw - 230px);
} }
/* Scoreboard Panel - positioned as overlay with cool styling */ /* Scoreboard Panel - positioned as overlay with cool styling */