wood/clash-and-dashboard
1
0
Fork 0
mirror of https://github.com/woodchen-ink/clash-and-dashboard.git synced 2025-07-18 22:11:56 +08:00
Code Issues Packages Projects Releases Wiki Activity

Chore: fix switch style

Browse Source
This commit is contained in:
Dreamacro 2018-10-30 14:51:53 +08:00
parent 69bcbe07ee
commit 4320bc737b
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/Switch/style.scss
View File

@ -19,7 +19,7 @@ $width: 32px;
background-color: $color-primary; background-color: $color-primary;
&::after { &::after {
transform: translateX(-$switch-offset); transform: translateX($width - $switch-radius + $switch-offset);
} }
} }
@ -47,13 +47,13 @@ $width: 32px;
background-color: $color-white; background-color: $color-white;
box-shadow: 0 0 8px rgba($color-primary-dark, 0.4); box-shadow: 0 0 8px rgba($color-primary-dark, 0.4);
transition: transform 0.3s ease; transition: transform 0.3s ease;
transform: translateX($width - $switch-radius + $switch-offset); transform: translateX(-$switch-offset);
} }
} }
.switch-icon { .switch-icon {
position: absolute; position: absolute;
transform: translateX(13px) scale(0.4); transform: translateX(-1px) scale(0.4);
color: $color-white; color: $color-white;
line-height: $height; line-height: $height;
} }