Merge pull request #979 from Leopoldthecoder/switch-style

Switch: fix style inside Form
pull/1015/head
baiyaaaaa 2016-11-13 03:47:41 +08:00 committed by GitHub
commit 58dc7e14c0
2 changed files with 5 additions and 3 deletions

View File

@ -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

View File

@ -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);