Stylizacja i poprawki w układzie
This commit is contained in:
@@ -1,31 +1,19 @@
|
||||
.fuz-switches-wrapper {
|
||||
.f-switches-wrapper {
|
||||
@apply flex flex-wrap justify-center gap-6 mb-12;
|
||||
}
|
||||
|
||||
.fuz-switch-group {
|
||||
@apply inline-flex overflow-hidden relative;
|
||||
background: rgba(0, 0, 0, 0.08);
|
||||
.f-switch-group {
|
||||
@apply inline-flex overflow-hidden relative bg-[var(--f-background-switch)];
|
||||
}
|
||||
|
||||
:root.dark .fuz-switch-group {
|
||||
background: rgba(255, 255, 255, 0.12);
|
||||
}
|
||||
|
||||
|
||||
|
||||
.fuz-switch {
|
||||
.f-switch {
|
||||
@apply px-6 py-2 text-sm font-semibold cursor-pointer select-none transition-all;
|
||||
color: var(--f-text);
|
||||
/* opacity: 0.7; */
|
||||
}
|
||||
|
||||
.fuz-switch:hover {
|
||||
/* opacity: 0.9; */
|
||||
.f-switch.active {
|
||||
@apply text-[var(--f-text-switcher)] bg-[var(--f-background-switcher)] ;
|
||||
}
|
||||
|
||||
.fuz-switch.active {
|
||||
background: var(--fuz-accent);
|
||||
color: var(--btn-text);
|
||||
/* opacity: 1; */
|
||||
/* box-shadow: 0 2px 8px rgba(0,0,0,0.18); */
|
||||
}
|
||||
.f-switch:hover {
|
||||
@apply opacity-[0.6]
|
||||
}
|
||||
Reference in New Issue
Block a user