Improve the hover/focus states for the PlayerSheet and tabs

This commit is contained in:
Oliver 2026-04-29 19:48:47 -06:00
parent f64dbcd42f
commit 6e6402445c
3 changed files with 29 additions and 8 deletions

View file

@ -24,11 +24,18 @@
background: transparent;
border-radius: 0;
border: 2px solid transparent;
transition: unset;
&:hover {
color: var(--tab-button-hover-colour);
}
&:focus-visible {
color: var(--tab-button-focus-colour);
border-color: var(--tab-button-focus-colour);
border-radius: 4px;
}
&.active {
color: var(--tab-button-active-colour);
border-bottom: 2px solid currentColor;