fix: [XEUS-1590] Change Notification icon color. (#125)

* fix: [XEUS-1590] Change Notification icon color. Signed-off-by: zghzzj <2627191377@qq.com> * remove tabs code Signed-off-by: zghzzj <2627191377@qq.com>
xsky-fe · Mar 25, 2020 · 9ab9708 · 9ab9708
1 parent 4eab7a3
commit 9ab9708
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 4 deletions.
diff --git a/src/components/Alert/style.scss b/src/components/Alert/style.scss
@@ -1,3 +1,4 @@
+@import '../../style/variables.scss';
 .alert {
   &.with-icon{
     position: relative;
@@ -11,31 +12,31 @@
   }
   &.alert-danger {
     & .icon path {
-      fill: #a94442;
+      fill: $red-normal;
     }
     & a{
       color: #491217;
     }
   }
   &.alert-info {
     & .icon path {
-      fill: #31708f;
+      fill:$blue-normal;
     }
     & a{
       color: #002752;
     }
   }
   &.alert-success {
     & .icon path {
-      fill: #3c763d;
+      fill:  $green-normal;
     }
     & a{
       color: #0b2e13;
     }
   }
   &.alert-warning {
     & .icon path {
-      fill: #8a6d3b;
+      fill: $goldenrod-normal;
     }
     & a{
       color: #533f03;

diff --git a/src/components/Notification/style.scss b/src/components/Notification/style.scss
@@ -178,6 +178,9 @@
       flex: 0 0 14px;
       margin-right: 8px;
       vertical-align: top;
+      display: inline-flex;
+      justify-content: center;
+      align-items: center;
     }
     .Notification__Text {
       display: inline-block;