wood/clash-and-dashboard
1
0
Fork 0
mirror of https://github.com/woodchen-ink/clash-and-dashboard.git synced 2025-07-18 14:01: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;
&::after {
transform: translateX(-$switch-offset);
transform: translateX($width - $switch-radius + $switch-offset);
}
}
@ -47,13 +47,13 @@ $width: 32px;
background-color: $color-white;
box-shadow: 0 0 8px rgba($color-primary-dark, 0.4);
transition: transform 0.3s ease;
transform: translateX($width - $switch-radius + $switch-offset);
transform: translateX(-$switch-offset);
}
}
.switch-icon {
position: absolute;
transform: translateX(13px) scale(0.4);
transform: translateX(-1px) scale(0.4);
color: $color-white;
line-height: $height;
}