commit 57b2262843db8724ecbfbcc6cef0906d736f2834
author SurenNeware <sneware9@in.ibm.com> Fri Aug 07 18:22:47 2020 +0530
committer Derick Montague <derick.montague@ibm.com> Tue Aug 11 21:40:22 2020 +0000
tree e32cf72468094e79d4674ba85a2644c54114d07a
parent e409b738ed46becc9d04120c7a4227e7f52b3072

Add info icon for informational alert

-Add new style carbon icon for informational alert
-Change alert icon position from center to top

Signed-off-by: Suren Neware <sneware9@in.ibm.com>
Change-Id: If32d712db16472ce9a78e04e5871d0b799bb5895

src/components/Global/Alert.vue

diff --git a/src/components/Global/Alert.vue b/src/components/Global/Alert.vue
index 2008536..a049a08 100644
--- a/src/components/Global/Alert.vue
+++ b/src/components/Global/Alert.vue
@@ -1,12 +1,22 @@
 <template>
   <b-alert :show="show" :variant="variant" :class="{ small }">
-    <div v-if="variant == 'warning' || variant == 'danger'" class="alert-icon">
+    <div
+      v-if="
+        variant == 'info' ||
+          variant == 'success' ||
+          variant == 'warning' ||
+          variant == 'danger'
+      "
+      class="alert-icon"
+    >
       <status-icon :status="variant" />
     </div>
-    <div class="alert-content d-inline-flex align-items-center">
-      <div class="alert-msg"><slot /></div>
+    <div class="alert-content">
+      <div class="alert-msg">
+        <slot />
+      </div>
     </div>
-    <div class="alert-action d-inline-flex align-items-center">
+    <div class="alert-action">
       <slot name="action"></slot>
     </div>
   </b-alert>