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