Offers, tabelka z uslugami
This commit is contained in:
31
src/styles/offers/offers-switches.css
Normal file
31
src/styles/offers/offers-switches.css
Normal file
@@ -0,0 +1,31 @@
|
||||
.fuz-switches-wrapper {
|
||||
@apply flex flex-wrap justify-center gap-6 mb-12;
|
||||
}
|
||||
|
||||
.fuz-switch-group {
|
||||
@apply inline-flex rounded-full overflow-hidden relative;
|
||||
background: rgba(0, 0, 0, 0.08);
|
||||
}
|
||||
|
||||
:root.dark .fuz-switch-group {
|
||||
background: rgba(255, 255, 255, 0.12);
|
||||
}
|
||||
|
||||
|
||||
|
||||
.fuz-switch {
|
||||
@apply px-6 py-2 text-sm font-semibold cursor-pointer select-none transition-all;
|
||||
color: var(--fuz-text);
|
||||
opacity: 0.7;
|
||||
}
|
||||
|
||||
.fuz-switch:hover {
|
||||
opacity: 0.9;
|
||||
}
|
||||
|
||||
.fuz-switch.active {
|
||||
background: var(--fuz-accent);
|
||||
color: var(--btn-text);
|
||||
opacity: 1;
|
||||
box-shadow: 0 2px 8px rgba(0,0,0,0.18);
|
||||
}
|
||||
Reference in New Issue
Block a user