mirror of
https://github.com/ThisIsBenny/wishlist-app.git
synced 2025-04-19 15:27:41 +00:00
fix toggle in dark mode
Signed-off-by: Benny Samir Hierl <bennysamir@posteo.de>
This commit is contained in:
parent
705ec43c74
commit
e0c78f0597
1 changed files with 3 additions and 3 deletions
|
@ -57,7 +57,7 @@ const { checked, handleChange } = useField(props.name, undefined, {
|
|||
flex-basis: var(--switch-container-width);
|
||||
border-radius: var(--switch-size);
|
||||
transition: background-color 0.25s ease-in-out;
|
||||
@apply bg-stone-200;
|
||||
@apply bg-stone-500;
|
||||
}
|
||||
|
||||
.switch::before {
|
||||
|
@ -67,8 +67,8 @@ const { checked, handleChange } = useField(props.name, undefined, {
|
|||
height: calc(var(--switch-size) - 4px);
|
||||
width: calc(var(--switch-size) - 4px);
|
||||
border-radius: 9999px;
|
||||
background-color: white;
|
||||
transition: transform 0.375s ease-in-out;
|
||||
@apply bg-white;
|
||||
transition: 0.375s transform ease-in-out;
|
||||
}
|
||||
|
||||
.input:checked + .switch {
|
||||
|
|
Loading…
Add table
Reference in a new issue