refactor(Aside): b-tab title with icon issue

coreui · May 10, 2018 · af92b1e · af92b1e
1 parent aebc5b8
commit af92b1e
Showing 1 changed file with 12 additions and 3 deletions.
diff --git a/Vue_Full_Project/src/components/Aside.vue b/Vue_Full_Project/src/components/Aside.vue
@@ -1,7 +1,10 @@
 <template>
   <aside class="aside-menu">
     <b-tabs>
-      <b-tab title="<i class='icon-list'></i>">
+      <b-tab>
+        <template slot="title">
+          <i class='icon-list'></i>
+        </template>
         <Callout class="m-0 py-2 text-muted text-center bg-light text-uppercase">
           <small><b>Today</b></small>
         </Callout>
@@ -87,7 +90,10 @@
         </Callout>
         <hr class="mx-3 my-0">
       </b-tab>
-      <b-tab title="<i class='icon-speech'></i>">
+      <b-tab>
+        <template slot="title">
+          <i class='icon-speech'></i>
+        </template>
         <div class="p-3">
           <div class="message">
             <div class="py-3 pb-5 mr-3 float-left">
@@ -165,7 +171,10 @@
           </div>
         </div>
       </b-tab>
-      <b-tab title="<i class='icon-settings'></i>">
+      <b-tab>
+        <template slot="title">
+          <i class='icon-settings'></i>
+        </template>
         <div class="p-3">
           <h6>Settings</h6>
           <div class="aside-options">