granblue.team/hensei-web
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Fix switch positions

Browse source
This commit is contained in:
Justin Edmund 2023-02-03 20:58:12 -08:00
parent fe488bbb2e
commit 202e20b803
1 changed files with 4 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
components/Switch/index.scss
View file

@ -3,6 +3,8 @@
background: $grey-70; background: $grey-70;
border-radius: calc($height / 2); border-radius: calc($height / 2);
border: none; border: none;
padding-left: $unit-half;
padding-right: $unit-half;
position: relative; position: relative;
width: 58px; width: 58px;
height: $height; height: $height;
@ -36,7 +38,7 @@
height: 26px; height: 26px;
width: 26px; width: 26px;
transition: transform 100ms; transition: transform 100ms;
transform: translateX(-1px); transform: translateX(0px);
&:hover { &:hover {
cursor: pointer; cursor: pointer;
@ -44,6 +46,6 @@
&[data-state='checked'] { &[data-state='checked'] {
background: $grey-100; background: $grey-100;
transform: translateX(21px); transform: translateX(24px);
} }
} }