Merge pull request #979 from Leopoldthecoder/switch-style

Switch: fix style inside Form

packages/theme-default/src/common/var.css

@@ -379,7 +379,8 @@
 
   --switch-font-size: var(--font-size-base);
   --switch-core-border-radius: 12px;
-  --switch-size: 46px 22px;
+  --switch-width: 46px;
+  --switch-height: 22px;
   --switch-button-size: 16px;
 
   /* Dialog

packages/theme-default/src/switch.css

@@ -7,6 +7,7 @@
     display: inline-block;
     position: relative;
     font-size: var(--switch-font-size);
+    line-height: var(--switch-height);
     @when disabled {
       & .el-switch__core,
       & .el-switch__label {
@@ -18,7 +19,7 @@
       transition: .2s;
       position: absolute;
       z-index: 10;
-      size: var(--switch-size);
+      size: var(--switch-width) var(--switch-height);
       left: 0;
       top: 0;
       display: inline-block;
@@ -57,7 +58,7 @@
       display: inline-block;
       vertical-align: middle;
       position: relative;
-      size: var(--switch-size);
+      size: var(--switch-width) var(--switch-height);
       border: 1px solid var(--switch-off-color);
       outline: none;
       border-radius: var(--switch-core-border-radius);