diff --git a/packages/zanui-css/src/switch.css b/packages/zanui-css/src/switch.css index 95af020f1..331581f5b 100644 --- a/packages/zanui-css/src/switch.css +++ b/packages/zanui-css/src/switch.css @@ -2,8 +2,8 @@ @component-namespace zan { @b switch { - height: 29px; - width: 49px; + height: 31px; + width: 51px; display: inline-block; position: relative; background: #fff; @@ -15,17 +15,18 @@ } @e node { - width: 27px; - height: 27px; - border-radius: 100%; + width: 28px; + height: 28px; + border-radius: 13.5px; background-color: #fff; position: absolute; box-shadow: 0 3px 1px 0 rgba(0, 0, 0, .05), 0 2px 2px 0 rgba(0, 0, 0, .1), 0 3px 3px 0 rgba(0, 0, 0, .05); - left: 0; + left: 1px; top: 1px; + z-index: 2; &::after { @mixin border-retina (top, right, bottom, left), rgba(0, 0, 0, .1); - border-radius: 100%; + border-radius: 27px; } }