studio-variable/designtopack
4
0
Fork 0
Code Issues 7 Pull requests Projects Releases Packages Wiki Activity Actions

Update Tabs component style

Browse source
This commit is contained in:
Timothée Goguely 2024-09-12 19:09:41 +02:00
parent a00d8c3e37
commit 7e57ef6181
1 changed files with 3 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

7
src/components/Tabs.vue
View file

@ -68,9 +68,6 @@ function changeTab(tabId) {
height: var(--tab-h); height: var(--tab-h);
border: var(--tab-border-w) solid var(--color-grey-200); border: var(--tab-border-w) solid var(--color-grey-200);
} }
[role="tab"]:hover {
background-color: var(--color-white-70);
}
[role="tab"]:focus-visible { [role="tab"]:focus-visible {
z-index: 20; z-index: 20;
} }
@ -98,7 +95,9 @@ function changeTab(tabId) {
} }
[role="tab"][aria-selected="false"] { [role="tab"][aria-selected="false"] {
--background: var(--color-grey-200); --background: var(--color-grey-200);
--color: var(--color-grey-700); }
[role="tab"][aria-selected="false"]:hover {
--background: var(--color-white-50);
} }
[role="tab"][data-icon="favorite"]::before { [role="tab"][data-icon="favorite"]::before {