Leahnaya/sendou.ink
1
0
Fork 0
mirror of https://github.com/Sendouc/sendou.ink.git synced 2026-03-21 18:04:39 -05:00
Code Issues Actions 3 Packages Projects Releases Wiki Activity

Better ModeMapPoolPicker alignment

Browse Source
This commit is contained in:
Kalle 2026-03-19 18:20:43 +02:00
parent fef1ffc955
commit 10293df596
2 changed files with 9 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
app/features/sendouq-settings/components/ModeMapPoolPicker.module.css
View File

@ -93,6 +93,11 @@
font-weight: var(--weight-semi);
}
.mapButtonContainer {
width: var(--map-width);
text-align: center;
}
.divider::before,
.divider::after {
border-bottom: 2px dotted var(--color-bg-higher);

6
app/features/sendouq-settings/components/ModeMapPoolPicker.tsx
View File

@ -143,7 +143,9 @@ function MapButton({
const { t } = useTranslation(["game-misc"]);
return (
<div className="stack items-center relative">
<div
className={clsx("stack items-center relative", styles.mapButtonContainer)}
>
<button
className={clsx(styles.mapButton, {
[styles.mapButtonWiggle]: wiggle,
@ -164,7 +166,7 @@ function MapButton({
<div className={clsx(styles.mapButtonText, "text-error")}>Banned</div>
) : null}
<div className={styles.mapButtonLabel}>
{t(`game-misc:STAGE_${stageId}`)}
{t(`game-misc:STAGE_${stageId}`).split(" ")[0]}
</div>
</div>
);