Fix switch positions
This commit is contained in:
parent
fe488bbb2e
commit
202e20b803
1 changed files with 4 additions and 2 deletions
|
|
@ -3,6 +3,8 @@
|
|||
background: $grey-70;
|
||||
border-radius: calc($height / 2);
|
||||
border: none;
|
||||
padding-left: $unit-half;
|
||||
padding-right: $unit-half;
|
||||
position: relative;
|
||||
width: 58px;
|
||||
height: $height;
|
||||
|
|
@ -36,7 +38,7 @@
|
|||
height: 26px;
|
||||
width: 26px;
|
||||
transition: transform 100ms;
|
||||
transform: translateX(-1px);
|
||||
transform: translateX(0px);
|
||||
|
||||
&:hover {
|
||||
cursor: pointer;
|
||||
|
|
@ -44,6 +46,6 @@
|
|||
|
||||
&[data-state='checked'] {
|
||||
background: $grey-100;
|
||||
transform: translateX(21px);
|
||||
transform: translateX(24px);
|
||||
}
|
||||
}
|
||||
|
|
|
|||
Loading…
Reference in a new issue