Leahnaya/sendou.ink
1
0
Fork 0
mirror of https://github.com/Sendouc/sendou.ink.git synced 2026-08-23 03:26:16 -05:00
Code Issues Actions 3 Packages Projects Releases Wiki Activity

Fix final standings layout issues

Browse Source
This commit is contained in:
Kalle
2024-02-25 11:10:13 +02:00
parent 29bc4f1b1b
commit 1eaf31129c
2 changed files with 5 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
app/features/tournament-bracket/routes/to.$id.brackets.tsx
View File

@@ -526,10 +526,10 @@ function FinalStandings() {
{nonTopThreePlacements.map((placement) => {
return (
<React.Fragment key={placement}>
<Divider className="tournament-bracket__stadings__full-row-taker">
<Divider className="tournament-bracket__standings__full-row-taker">
<Placement placement={placement} />
</Divider>
<div className="stack xl horizontal justify-center tournament-bracket__stadings__full-row-taker">
<div className="stack xl horizontal flex-wrap justify-center tournament-bracket__standings__full-row-taker">
{standings
.filter((s) => s.placement === placement)
.map((standing) => {

5
app/features/tournament-bracket/tournament-bracket.css
View File

@@ -340,9 +340,10 @@
border-radius: var(--rounded);
padding: var(--s-3);
gap: var(--s-2);
max-width: max-content;
margin: 0 auto;
margin-bottom: var(--s-4);
width: 100%;
max-width: 850px;
}
[data-placement="1"] {
order: -1;
@@ -355,7 +356,7 @@
.tournament-bracket__standings {
grid-template-columns: 1fr 1fr 1fr;
}
.tournament-bracket__stadings__full-row-taker {
.tournament-bracket__standings__full-row-taker {
grid-column: 1 / 4;
}
[data-placement="1"] {