Better desktop scaling.

2026-07-27 16:06:23 -04:00
parent 4fb5c5929f
commit b5a143d059
2 changed files with 15 additions and 1 deletions
@@ -225,7 +225,9 @@ export function Table({ session, onLeave }: { session: Session; onLeave: () => v
      </header>

      <div className="table-body">
-        <main className="table-main">
+        {/* The shop lays out wide (a 4-card buy row plus a spreading deck), so it
+            gets the extra desktop width; other phases keep the portrait column. */}
+        <main className={`table-main ${view.phase === 'shop' ? 'is-wide' : ''}`}>
          {view.phase === 'lobby' && <Lobby view={view} send={send} />}
          {view.phase === 'shop' && <ShopPhase view={view} you={you} send={send} />}
          {view.phase === 'arrange' && <ArrangePhase view={view} you={you} send={send} />}