alois/OpenFrontIO
1
0
Fork 0
mirror of https://github.com/openfrontio/OpenFrontIO.git synced 2026-07-15 20:07:42 +00:00
Code Issues Packages Projects Releases Wiki Activity

Revert "Rearrange homepage game boxes & tune special modifier probabilities 🎲 (#3420)"

Browse Source 
This reverts commit ea4355f03a.
This commit is contained in:
evanpelle
2026-03-14 19:29:57 -07:00
parent c8ed6b0e70
commit 3919f17e8b
2 changed files with 38 additions and 36 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/client/GameModeSelector.ts
+25 -23
View File
@@ -153,30 +153,35 @@ export class GameModeSelector extends LitElement {
<div
class="grid grid-cols-1 sm:grid-cols-[2fr_1fr] gap-4 sm:h-[min(24rem,40vh)]"
>
<!-- Left col: FFA (desktop only) -->
${ffa
<!-- Left col: main card (desktop only) -->
${special
? html`<div class="hidden sm:block">
${this.renderLobbyCard(ffa, this.getLobbyTitle(ffa))}
${this.renderSpecialLobbyCard(special)}
</div>`
: nothing}
: ffa
? html`<div class="hidden sm:block">
${this.renderLobbyCard(ffa, this.getLobbyTitle(ffa))}
</div>`
: nothing}
<!-- Right col: Teams + Special (desktop only) -->
${teams || special
? html`<div class="hidden sm:flex sm:flex-col sm:gap-4">
${teams
? html`<div class="flex-1 min-h-0">
${this.renderLobbyCard(teams, this.getLobbyTitle(teams))}
</div>`
: nothing}
${special
? html`<div class="flex-1 min-h-0">
${this.renderSpecialLobbyCard(special)}
</div>`
: nothing}
</div>`
: nothing}
<!-- Right col: FFA + teams (desktop only) -->
<div class="hidden sm:flex sm:flex-col sm:gap-4">
${special && ffa
? html`<div class="flex-1 min-h-0">
${this.renderLobbyCard(ffa, this.getLobbyTitle(ffa))}
</div>`
: nothing}
${teams
? html`<div class="flex-1 min-h-0">
${this.renderLobbyCard(teams, this.getLobbyTitle(teams))}
</div>`
: nothing}
</div>
<!-- Mobile: ffa, teams, special inline -->
<!-- Mobile: special, ffa, teams inline -->
<div class="sm:hidden">
${special ? this.renderSpecialLobbyCard(special) : nothing}
</div>
<div class="sm:hidden">
${ffa
? this.renderLobbyCard(ffa, this.getLobbyTitle(ffa))
@@ -187,9 +192,6 @@ export class GameModeSelector extends LitElement {
? this.renderLobbyCard(teams, this.getLobbyTitle(teams))
: nothing}
</div>
<div class="sm:hidden">
${special ? this.renderSpecialLobbyCard(special) : nothing}
</div>
</div>
<!-- Solo: full width, desktop only -->