update switch animation ease

This commit is contained in:
afc163 2016-10-21 13:09:29 +08:00
parent 7a115c6c4b
commit af3c1aac96
2 changed files with 3 additions and 3 deletions

View File

@ -37,7 +37,7 @@ const Sider = React.createClass({
render() { render() {
return ( return (
<div> <div>
<Switch onChange={this.changeTheme} checkedChildren={<Icon type="eye" />} unCheckedChildren={<Icon type="eye-o" />} /> <Switch onChange={this.changeTheme} checkedChildren="Dark" unCheckedChildren="Light" />
<br /> <br />
<br /> <br />
<Menu theme={this.state.theme} <Menu theme={this.state.theme}

View File

@ -16,7 +16,7 @@
border: 1px solid #ccc; border: 1px solid #ccc;
background-color: #ccc; background-color: #ccc;
cursor: pointer; cursor: pointer;
transition: all @switch-duration @ease-in-out-circ; transition: all @switch-duration;
user-select: none; user-select: none;
&-inner { &-inner {
@ -38,7 +38,7 @@
background-color: #fff; background-color: #fff;
content: " "; content: " ";
cursor: pointer; cursor: pointer;
transition: all @switch-duration @ease-in-out-circ, width @switch-duration @ease-in-out-circ; transition: all @switch-duration, width @switch-duration;
} }
&:active:after { &:active:after {