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

Move room code banner to top-left corner

Browse Source 
Fixes overlap between room code and logout button (auth bar) which
are both positioned in the top-right corner.

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
Aaron D. Lee 2026-01-27 16:28:57 -05:00
parent f27020f21b
commit 0b0873350c
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

@ -275,15 +275,15 @@ body {
} }
} }
/* Room Code Banner */ /* Room Code Banner - positioned top-left to avoid auth bar overlap */
.room-code-banner { .room-code-banner {
position: fixed; position: fixed;
top: 0; top: 0;
right: 0; left: 0;
z-index: 100; z-index: 100;
background: linear-gradient(135deg, rgba(244, 164, 96, 0.9) 0%, rgba(230, 140, 70, 0.95) 100%); background: linear-gradient(135deg, rgba(244, 164, 96, 0.9) 0%, rgba(230, 140, 70, 0.95) 100%);
padding: 10px 15px; padding: 10px 15px;
border-radius: 0 0 0 12px; border-radius: 0 0 12px 0;
display: flex; display: flex;
align-items: center; align-items: center;
gap: 10px; gap: 10px;