benny/wishlist-app
1
0
Fork 0
mirror of https://github.com/ThisIsBenny/wishlist-app.git synced 2025-04-19 15:27:41 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

fix toggle in dark mode

Browse source 
Signed-off-by: Benny Samir Hierl <bennysamir@posteo.de>
This commit is contained in:
Benny Samir Hierl 2022-02-20 12:14:04 +01:00
parent 705ec43c74
commit e0c78f0597
1 changed files with 3 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
src/components/InputToggle.vue
View file

@ -57,7 +57,7 @@ const { checked, handleChange } = useField(props.name, undefined, {
flex-basis: var(--switch-container-width); flex-basis: var(--switch-container-width);
border-radius: var(--switch-size); border-radius: var(--switch-size);
transition: background-color 0.25s ease-in-out; transition: background-color 0.25s ease-in-out;
@apply bg-stone-200; @apply bg-stone-500;
} }
.switch::before { .switch::before {
@ -67,8 +67,8 @@ const { checked, handleChange } = useField(props.name, undefined, {
height: calc(var(--switch-size) - 4px); height: calc(var(--switch-size) - 4px);
width: calc(var(--switch-size) - 4px); width: calc(var(--switch-size) - 4px);
border-radius: 9999px; border-radius: 9999px;
background-color: white; @apply bg-white;
transition: transform 0.375s ease-in-out; transition: 0.375s transform ease-in-out;
} }
.input:checked + .switch { .input:checked + .switch {