horoli/ssessesse-ki-battle
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: stabilize ranked lobby layout and pin online count

Browse Source
This commit is contained in:
horoli
2026-10-16 12:02:23 +09:00
parent c744e8c2a1
commit dd914d7181
9 changed files with 35 additions and 46 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/client/lobby-features.css
+13
View File
@@ -1,6 +1,19 @@
.lobby-tools { display: flex; gap: 10px; margin-top: 16px; }
.ranked-queue-actions { display: flex; justify-content: center; gap: 12px; }
.ranked-queue .accept-time { font-size: 28px; font-weight: 700; font-variant-numeric: tabular-nums; }
body.player-app[data-screen=ranked-queue] main { padding: 0; }
body.player-app .ranked-queue {
display: grid;
grid-template-rows: minmax(180px, 1fr) auto minmax(180px, 1fr);
flex: 1;
margin: 0 auto;
padding: 32px 0 16px;
}
.ranked-queue::before { content: ''; }
.ranked-queue .queue-fighter { width: min(260px, 26svh, 65vw); }
.ranked-queue .queue-details { display: grid; grid-template-rows: 36px 24px 36px 52px; gap: 8px; padding-top: 8px; }
.ranked-queue .queue-details > :is(h1, p) { margin: 0; align-self: center; }
.ranked-queue .queue-details > p[hidden] { display: block !important; visibility: hidden; }
.lobby-tools button { flex: 1; min-width: 0; min-height: 48px; padding: 10px; font-size: 17px; }
#home .home-actions > button:not(.primary) { min-height: 64px; font-size: 26px; }
#home .home-actions .split { grid-template-columns: repeat(2, minmax(0, 1fr)); }