make ffa the large game card

This commit is contained in:
evanpelle
2026-03-19 20:00:33 -07:00
parent 1ebe23d9d8
commit 76c0f766af
+6 -10
View File
@@ -156,21 +156,17 @@ export class GameModeSelector extends LitElement {
class="grid grid-cols-1 sm:grid-cols-[2fr_1fr] gap-4 sm:h-[min(24rem,40vh)]"
>
<!-- Left col: main card (desktop only) -->
${special
${ffa
? html`<div class="hidden sm:block">
${this.renderSpecialLobbyCard(special)}
${this.renderLobbyCard(ffa, this.getLobbyTitle(ffa))}
</div>`
: ffa
? html`<div class="hidden sm:block">
${this.renderLobbyCard(ffa, this.getLobbyTitle(ffa))}
</div>`
: nothing}
: nothing}
<!-- Right col: FFA + teams (desktop only) -->
<!-- Right col: special + teams (desktop only) -->
<div class="hidden sm:flex sm:flex-col sm:gap-4">
${special && ffa
${special
? html`<div class="flex-1 min-h-0">
${this.renderLobbyCard(ffa, this.getLobbyTitle(ffa))}
${this.renderSpecialLobbyCard(special)}
</div>`
: nothing}
${teams