From 3d4e3c1e8861e87900d4785df397a18c87c1b9f0 Mon Sep 17 00:00:00 2001
From: syuilo <syuilotan@yahoo.co.jp>
Date: Tue, 21 Mar 2017 18:15:21 +0900
Subject: [PATCH] [Clinet:Desktop] (Design) Fix bug

---
 src/web/app/desktop/tags/ui-notification.tag | 14 +++++++++-----
 1 file changed, 9 insertions(+), 5 deletions(-)

diff --git a/src/web/app/desktop/tags/ui-notification.tag b/src/web/app/desktop/tags/ui-notification.tag
index f96762ec1..bb440184c 100644
--- a/src/web/app/desktop/tags/ui-notification.tag
+++ b/src/web/app/desktop/tags/ui-notification.tag
@@ -5,7 +5,7 @@
 			display block
 			position fixed
 			z-index 10000
-			top -64px
+			top 0
 			left 0
 			right 0
 			margin 0 auto
@@ -14,6 +14,8 @@
 			background rgba(#fff, 0.9)
 			border-radius 0 0 8px 8px
 			box-shadow 0 2px 4px rgba(#000, 0.2)
+			transform translateY(-64px)
+			opacity 0
 
 			> p
 				margin 0
@@ -26,16 +28,18 @@
 
 		this.on('mount', () => {
 			anime({
-				tagrets: this.root,
-				top: '0px',
+				targets: this.root,
+				opacity: 1,
+				translateY: [-64, 0],
 				duration: 500,
 				easing: 'easeOutQuad'
-			})
+			});
 
 			setTimeout(() => {
 				anime({
 					targets: this.root,
-					top: '-64px',
+					opacity: 0,
+					translateY: -64,
 					duration: 500,
 					easing: 'easeOutQuad',
 					complete: () => this.unmount()