Leahnaya/sendou.ink
1
0
Fork 0
mirror of https://github.com/Sendouc/sendou.ink.git synced 2026-09-27 13:47:56 -05:00
Code Issues Actions 3 Packages Projects Releases Wiki Activity

Tabbed design for map pool on match profile

Browse Source 
Closes #3124
This commit is contained in:
Kalle
2026-06-04 21:07:02 +03:00
parent 5766bd5373
commit 106e55d27e
4 changed files with 98 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

39
app/features/settings/components/ModeMapPoolPicker.module.css
View File

@@ -110,3 +110,42 @@
border-bottom: 2px dotted var(--color-bg-higher);
}
}
.modeTabs {
display: flex;
gap: var(--s-1);
}
.modeTab {
display: grid;
place-items: center;
padding: var(--s-1-5);
border: var(--border-style);
border-radius: var(--radius-full);
background-color: transparent;
& img {
filter: grayscale(100%);
opacity: 0.5;
transition:
filter 0.2s,
opacity 0.2s;
}
&:hover img {
opacity: 0.8;
}
&:focus-visible {
outline: var(--focus-ring);
}
}
.modeTabActive {
background-color: var(--color-bg-higher);
& img {
filter: none;
opacity: 1;
}
}