Leahnaya/sendou.ink
1
0
Fork 0
mirror of https://github.com/Sendouc/sendou.ink.git synced 2026-09-07 19:55:46 -05:00
Code Issues Actions 3 Packages Projects Releases Wiki Activity

Number map list rounds

Browse Source
This commit is contained in:
Kalle (Sendou)
2021-12-17 23:12:08 +02:00
parent df08fc0af6
commit 52fdf958f7
3 changed files with 12 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
app/routes/to/$organization.$tournament/start.tsx
View File

@@ -20,8 +20,6 @@ import { findTournamentByNameForUrl } from "~/services/tournament";
import startBracketTabStylesUrl from "~/styles/tournament-start.css";
// TODO: some warning if trying to continue and some round card is editing
// TODO: add round numbers
// 4) can change any invidual map via dropdown (no regen)
export const links: LinksFunction = () => {
return [{ rel: "stylesheet", href: startBracketTabStylesUrl }];

2
app/styles/global.css
View File

@@ -205,8 +205,8 @@ select {
all: unset;
width: 90%;
border: 1px solid var(--border);
background: var(--select-background, var(--bg-lighter));
/* TODO: Get color from CSS var */
background-image: url('data:image/svg+xml;utf8,<svg width="1rem" color="rgb(255 255 255 / 55%)" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7" /></svg>');
background-position-x: 95%;

12
app/styles/tournament-start.css
View File

@@ -57,16 +57,26 @@
.tournament__start__rounds-list {
padding-top: var(--s-2);
padding-left: 0;
counter-reset: section;
font-size: var(--fonts-sm);
}
.tournament__start__map-row {
display: flex;
align-items: center;
padding-bottom: var(--s-1);
padding-bottom: var(--s-1-5);
gap: var(--s-2);
}
.tournament__start__map-row::before {
color: var(--text-lighter);
content: counter(section) ".";
counter-increment: section;
font-size: var(--fonts-xxs);
font-weight: var(--bold);
padding-inline: var(--s-1);
}
.tournament__start__round-card-buttons-container {
display: flex;
justify-content: center;