mirror of
https://github.com/ant-design/ant-design.git
synced 2025-08-06 07:56:28 +08:00
update switch animation ease
This commit is contained in:
parent
7a115c6c4b
commit
af3c1aac96
@ -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}
|
||||||
|
@ -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 {
|
||||||
|
Loading…
Reference in New Issue
Block a user