make ffa the large game card

This commit is contained in:
evanpelle
2026-03-19 20:00:33 -07:00
parent 05e2bc9f0a
commit ef846c895b
+6 -10
View File
@@ -147,21 +147,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