Skip to content

E
el3ab-Player
Commit 88ee87ee authored by Mahmoud Aglan's avatar Mahmoud Aglan
Browse files
Options

fix: remove max-width caps — board expands to fill all available space 

Co-Authored-By: 's avatarClaude Opus 4.6 <noreply@anthropic.com>
parent d695afbb
Show whitespace changes
Inline Side-by-side
Showing with 4 additions and 5 deletions
public/css/backgammon.css
View file @ 88ee87ee
...@@ -24,10 +24,10 @@ ...@@ -24,10 +24,10 @@
/* ─── Game Layout ────────────────────────────────────────────────────────── */ /* ─── Game Layout ────────────────────────────────────────────────────────── */
.bg-layout { .bg-layout {
display: flex; display: flex;
gap: 16px; gap: 12px;
justify-content: center; justify-content: center;
align-items: flex-start; align-items: flex-start;
max-width: 1300px; max-width: 100%;
margin: 0 auto; margin: 0 auto;
padding: 4px 8px; padding: 4px 8px;
direction: ltr; direction: ltr;
...@@ -40,7 +40,6 @@ ...@@ -40,7 +40,6 @@
align-items: center; align-items: center;
flex: 1; flex: 1;
min-width: 0; min-width: 0;
max-width: 900px;
} }
/* ─── Board Frame ────────────────────────────────────────────────────────── */ /* ─── Board Frame ────────────────────────────────────────────────────────── */
...@@ -995,8 +994,8 @@ ...@@ -995,8 +994,8 @@
/* ─── Responsive: Large screens ──────────────────────────────────────────── */ /* ─── Responsive: Large screens ──────────────────────────────────────────── */
@media (min-width: 1024px) { @media (min-width: 1024px) {
.bg-board-column { .bg-side-panel {
max-width: 1000px; width: 220px;
} }
:root { :root {
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment