From 6a30cee6112e4b291166d5745850065948583aa8 Mon Sep 17 00:00:00 2001
From: Donald Zou <donaldzou@live.hk>
Date: Fri, 25 Oct 2024 23:33:26 +0800
Subject: [PATCH] Adjusted some animation

---
 src/static/app/src/views/index.vue  | 7 ++++---
 src/static/app/src/views/signin.vue | 1 -
 src/static/css/dashboard.css        | 5 ++---
 3 files changed, 6 insertions(+), 7 deletions(-)

diff --git a/src/static/app/src/views/index.vue b/src/static/app/src/views/index.vue
index c6b8ad0..e9cd10b 100644
--- a/src/static/app/src/views/index.vue
+++ b/src/static/app/src/views/index.vue
@@ -27,13 +27,14 @@ export default {
 			<main class="col-md-9 ml-sm-auto col-lg-10 px-md-4 overflow-y-scroll mb-0">
 				<Suspense>
 					<RouterView v-slot="{Component}">
-						<Transition name="fade2" mode="out-in">
+						<Transition name="fade2" mode="out-in" appear>
 							<Component :is="Component"></Component>
 						</Transition>
 					</RouterView>
 				</Suspense>
 				<div class="messageCentre text-body position-fixed d-flex">
-					<TransitionGroup name="message" tag="div" class="position-relative flex-grow-1 d-flex align-items-end">
+					<TransitionGroup name="message" tag="div" 
+					                 class="position-relative flex-sm-grow-0 flex-grow-1 d-flex align-items-end ms-sm-auto flex-column gap-2">
 						<Message v-for="m in getMessages.slice().reverse()"
 						         :message="m" :key="m.id"></Message>
 					</TransitionGroup>
@@ -45,7 +46,7 @@ export default {
 
 <style scoped>
 	.messageCentre{
-		top: calc(50px + 1rem);
+		top: 1rem;
 		right: 1rem;
 		width: calc(100% - 2rem);
 	}
diff --git a/src/static/app/src/views/signin.vue b/src/static/app/src/views/signin.vue
index 698f5c7..cf2f13b 100644
--- a/src/static/app/src/views/signin.vue
+++ b/src/static/app/src/views/signin.vue
@@ -26,7 +26,6 @@ export default {
 				}),
 				fetchGet("/api/getDashboardVersion", {}, (res) => {
 					version = res.data
-					
 				})
 			]);
 		}
diff --git a/src/static/css/dashboard.css b/src/static/css/dashboard.css
index 9219512..553ddac 100644
--- a/src/static/css/dashboard.css
+++ b/src/static/css/dashboard.css
@@ -1054,7 +1054,6 @@ pre.index-alert {
 
 .fade2-enter-from{
     transform: translateY(-30px);
-    /*filter: blur(3px);*/
     opacity: 0;
 }
 
@@ -1081,7 +1080,7 @@ pre.index-alert {
 .message-move, /* apply transition to moving elements */
 .message-enter-active,
 .message-leave-active {
-    transition: all 0.5s ease;
+    transition: all 0.5s cubic-bezier(0.82, 0.58, 0.17, 1);
 }
 
 .message-enter-from,
@@ -1091,7 +1090,7 @@ pre.index-alert {
 }
 
 .message-enter-from{
-    transform: translateY(-30px) scale(0.7);
+    transform: translateY(-30px);
 }
 
 .message-leave-to{