From ab06de536f14b0d2056191e1bd866f98e15ccfea Mon Sep 17 00:00:00 2001
From: Eltrac Koalar <hi@guhub.cn>
Date: Thu, 27 Feb 2020 11:24:02 +0800
Subject: =?UTF-8?q?:apple:=20Add:=20=E4=BF=AE=E6=94=B9=20alert=20=E6=A0=B7?=
 =?UTF-8?q?=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 assets/css/main/component.css | 43 ++++++++++++++++++++++++-------------------
 1 file changed, 24 insertions(+), 19 deletions(-)

diff --git a/assets/css/main/component.css b/assets/css/main/component.css
index c116d60..1dd5107 100644
--- a/assets/css/main/component.css
+++ b/assets/css/main/component.css
@@ -33,20 +33,25 @@ button {
 }
 /* Alert */
 .alert {
-	top: 0;
-    left: 0;
-    right: 0;
+	bottom: 0;
+    left: 15px;
     z-index: 10;
     padding: 1em;
     position: fixed;
-	color: #000;
-    background: rgba(255,255,255,0.86);
-	backdrop-filter: blur(18px);
-	-webkit-backdrop-filter: blur(10px);
-    border-radius: 6px;
+	color: #fff;
+    background: rgba(50,50,50,.95);
+    border-radius: 2px;
     margin: 0 auto 1em auto;
-    box-shadow: 0 5px 5px -2px rgba(0, 0, 0, 0.2);
-    transition: .3s;
+    box-shadow: 0 2px 6px gray;
+    transition: .2s;
+}
+.alert.success {
+	background: #2ECC71;
+	color: #fff
+}
+.alert.failed {
+	background: #DD4B39;
+	color: #fff
 }
 .alert.adding {
 	-webkit-animation: slideDown 0.2s ease forwards;
@@ -58,30 +63,30 @@ button {
 }
 @-webkit-keyframes slideDown {
     0%{
-        top: -150px;
+        bottom: -100px;
     }
     25%{
-        top: -50px;
+        bottom: -50px;
     }
     50%{
-        top: 0;
+        bottom: 0;
     }
     100%{
-        top: 100px;;
+        bottom: 5px;
     }
 }
 @-webkit-keyframes slideUp {
     0%{
-        top: 100px;
+        bottom: 5px;
     }
     25%{
-        top: 0;
+        bottom: 0;
     }
     50%{
-        top: -50px;
+        bottom: -50px;
     }
     100%{
-        top: -200px;
+        bottom: -100px;
     }
 }
 
@@ -158,4 +163,4 @@ button {
 .bubble:hover {
 	transform: translateY(-6px);
 	box-shadow: 2px 8px 17px #bababa;
-}
+}
\ No newline at end of file
-- 
cgit v1.2.3