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

Score reporter improved mobile look

Browse Source
This commit is contained in:
Kalle
2023-07-02 16:22:07 +03:00
parent 8a1f22b7f2
commit a3ea5e3803
2 changed files with 28 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
app/features/tournament-bracket/components/ScoreReporter.tsx
View File

@@ -242,8 +242,14 @@ function FancyStageBanner({
alt=""
width={24}
/>
{t(`game-misc:MODE_LONG_${stage.mode}`)} on{" "}
{t(`game-misc:STAGE_${stage.stageId}`)}
<span className="tournament-bracket__stage-banner__top-bar__map-text-small">
{t(`game-misc:MODE_SHORT_${stage.mode}`)}{" "}
{t(`game-misc:STAGE_${stage.stageId}`)}
</span>
<span className="tournament-bracket__stage-banner__top-bar__map-text-big">
{t(`game-misc:MODE_LONG_${stage.mode}`)} on{" "}
{t(`game-misc:STAGE_${stage.stageId}`)}
</span>
</h4>
<h4>{pickInfoText()}</h4>
</div>

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

@@ -55,10 +55,11 @@
/* TODO: add fallback from Firefox */
backdrop-filter: blur(5px);
background: rgb(0 0 0 / 25%);
background: rgb(0 0 0 / 40%);
border-start-end-radius: var(--rounded);
border-start-start-radius: var(--rounded);
color: var(--badge-text);
font-size: var(--fonts-xs);
}
.tournament-bracket__stage-banner__bottom-bar {
@@ -83,6 +84,24 @@
gap: var(--s-2);
}
.tournament-bracket__stage-banner__top-bar__map-text-big {
display: none;
}
@media screen and (min-width: 480px) {
.tournament-bracket__stage-banner__top-bar {
font-size: initial;
}
.tournament-bracket__stage-banner__top-bar__map-text-small {
display: none;
}
.tournament-bracket__stage-banner__top-bar__map-text-big {
display: initial;
}
}
.tournament-bracket__during-match-actions {
display: grid;
grid-template-areas: