alarm内容调整

src/app/components/alarm-bar/alarm-bar.component.scss

@@ -10,7 +10,7 @@
   width: 20px;
   display: inline-flex;
   text-align: center;
-  padding: 7px 5px 0 15px;
+  padding: 10px 5px 0 15px;
   vertical-align: top;
 }
 
@@ -20,6 +20,7 @@
   font-size: 15px;
   min-height: 40px;
   padding: 10px 5px;
+  line-height: 20px;
   vertical-align: middle;
 }
 
@@ -52,8 +53,8 @@
 
 @-webkit-keyframes slideIn {
   from {
-    -webkit-transform: translate3d(0, 100%, 0);
-    transform: translate3d(0, 100%, 0);
+    -webkit-transform: translate3d(0, 50%, 0);
+    transform: translate3d(0, 50%, 0);
     opacity: 0;
   }
 
@@ -66,8 +67,8 @@
 
 @keyframes slideIn {
   from {
-    -webkit-transform: translate3d(0, 100%, 0);
-    transform: translate3d(0, 100%, 0);
+    -webkit-transform: translate3d(0, 50%, 0);
+    transform: translate3d(0, 50%, 0);
     opacity: 0;
   }
 
@@ -86,8 +87,8 @@
   }
 
   to {
-    -webkit-transform: translate3d(0, 100%, 0);
-    transform: translate3d(0, 100%, 0);
+    -webkit-transform: translate3d(0, 50%, 0);
+    transform: translate3d(0, 50%, 0);
     opacity: 0;
   }
 }
@@ -100,8 +101,8 @@
   }
 
   to {
-    -webkit-transform: translate3d(0, 100%, 0);
-    transform: translate3d(0, 100%, 0);
+    -webkit-transform: translate3d(0, 50%, 0);
+    transform: translate3d(0, 50%, 0);
     opacity: 0;
   }
 }