Leahnaya/sendou.ink
1
0
Fork 0
mirror of https://github.com/Sendouc/sendou.ink.git synced 2026-04-30 03:07:01 -05:00
Code Issues Actions 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); font-weight: var(--weight-semi);
} }
.mapButtonContainer {
width: var(--map-width);
text-align: center;
}
.divider::before, .divider::before,
.divider::after { .divider::after {
border-bottom: 2px dotted var(--color-bg-higher); 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"]); const { t } = useTranslation(["game-misc"]);
return ( return (
<div className="stack items-center relative"> <div
className={clsx("stack items-center relative", styles.mapButtonContainer)}
>
<button <button
className={clsx(styles.mapButton, { className={clsx(styles.mapButton, {
[styles.mapButtonWiggle]: wiggle, [styles.mapButtonWiggle]: wiggle,
@ -164,7 +166,7 @@ function MapButton({
<div className={clsx(styles.mapButtonText, "text-error")}>Banned</div> <div className={clsx(styles.mapButtonText, "text-error")}>Banned</div>
) : null} ) : null}
<div className={styles.mapButtonLabel}> <div className={styles.mapButtonLabel}>
{t(`game-misc:STAGE_${stageId}`)} {t(`game-misc:STAGE_${stageId}`).split(" ")[0]}
</div> </div>
</div> </div>
); );