[Client] Update design

This commit is contained in:
syuilo 2017-02-22 16:32:38 +09:00
parent a92985122e
commit db40d76690

View file

@ -24,12 +24,14 @@
display block display block
position absolute position absolute
z-index 2048 z-index 2048
margin-top -8px
width 250px width 250px
background #fff background #fff
background-clip content-box background-clip content-box
border solid 1px rgba(0, 0, 0, 0.1) border solid 1px rgba(0, 0, 0, 0.1)
border-radius 4px border-radius 4px
overflow hidden overflow hidden
opacity 0
> .banner > .banner
height 84px height 84px
@ -117,12 +119,11 @@
this.update({ this.update({
user: user user: user
}); });
this.open();
}); });
});
Velocity(this.root, { this.open = () => {
opacity: 0,
'margin-top': '-8px'
}, 0);
Velocity(this.root, { Velocity(this.root, {
opacity: 1, opacity: 1,
'margin-top': 0 'margin-top': 0
@ -130,7 +131,7 @@
duration: 200, duration: 200,
easing: 'ease-out' easing: 'ease-out'
}); });
}); };
this.close = () => { this.close = () => {
Velocity(this.root, { Velocity(this.root, {