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

Tabs tweak styling

Browse Source
This commit is contained in:
Kalle (Sendou) 2021-10-30 23:07:10 +03:00
parent 370d5fb13a
commit 14c1e13637
1 changed files with 7 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
frontend/components/common/Tab.tsx
View File

@ -46,13 +46,13 @@ const container = css({
justifyContent: "center",
placeItems: "center",
gap: "$10",
gridTemplateColumns: "repeat(var(--tabs-count), 85px)",
gridTemplateColumns: "repeat(var(--tabs-count), 100px)",
});
const tab = css({
all: "unset",
fontSize: "$sm",
cursor: "pointer",
borderRadius: "$rounded",
"&::after": {
display: "block",
@ -67,6 +67,11 @@ const tab = css({
borderColor: "$themeTransparent",
},
"&:focus-visible": {
outline: "2px solid $themeTransparent",
outlineOffset: "7px",
},
variants: {
type: {
active: {