fix: small fixes

Author: woothu

src/containers/DefaultHeaderDropdownAccnt.vue

@@ -5,7 +5,7 @@
     no-popper
     add-menu-classes="c-dropdown-menu-right"
   >
-    <template #button-content>
+    <template #toggler-content>
       <img
         src="img/avatars/6.jpg"
         class="c-img-avatar"

src/containers/TheHeader.vue

@@ -4,13 +4,25 @@
       class="c-header-toggler c-d-lg-none"
       v-c-emit-root-event:c-sidebar-toggle
     />
-    <CLink class="c-header-brand" to="#">
-      <img class="c-navbar-brand-full" src="img/brand/logo.svg" width="89" height="25" alt="CoreUI Logo">
-      <!-- <img class="c-navbar-brand-minimized" src="img/brand/sygnet.svg" width="30" height="30" alt="CoreUI Logo"> -->
+    <CLink class="c-header-brand" to="/">
+      <img 
+        class="c-navbar-brand-full" 
+        src="img/brand/logo.svg" 
+        width="89" 
+        height="25" 
+        alt="CoreUI Logo"
+      >
+      <!-- <img 
+        class="c-navbar-brand-minimized" 
+        src="img/brand/sygnet.svg" 
+        width="30" 
+        height="30" 
+        alt="CoreUI Logo"
+      > -->
     </CLink>
     <CSidebarToggler 
       class="c-header-toggler c-d-md-down-none" 
-      v-c-emit-root-event:c-sidebar-toggle  
+      v-c-emit-root-event:c-sidebar-toggle
     />
     <ul class="c-header-nav c-d-md-down-none">
       <CNavItem class="c-px-3" to="/dashboard">Dashboard</CNavItem>

src/containers/TheSidebar.vue

@@ -1,10 +1,14 @@
 <template>
-  <CSidebar fixed :minimize="minimize">
+  <CSidebar 
+    fixed 
+    :minimize="minimize"
+    dropdownBehaviors="closeOnInactiveRoute"
+  >
     <CSidebarHeader/>
     <CSidebarForm/>
     <CSidebarNav :nav-items="computedNav"/>
     <CSidebarFooter/>
-    <CSidebarMinimizer @click="minimize = !minimize"/>
+    <CSidebarMinimizer @click.native="minimize = !minimize"/>
   </CSidebar>
 </template>
 

src/containers/_nav.js

@@ -39,7 +39,7 @@ export default {
     },
     {
       name: 'Base',
-      url: '/base',
+      route: '/base',
       icon: 'cui-puzzle',
       children: [
         {
@@ -126,7 +126,7 @@ export default {
     },
     {
       name: 'Buttons',
-      url: '/buttons',
+      route: '/buttons',
       icon: 'cui-cursor',
       children: [
         {
@@ -158,7 +158,7 @@ export default {
     },
     {
       name: 'Icons',
-      url: '/icons',
+      route: '/icons',
       icon: 'cui-star',
       children: [
         {
@@ -184,7 +184,7 @@ export default {
     },
     {
       name: 'Notifications',
-      url: '/notifications',
+      route: '/notifications',
       icon: 'cui-bell',
       children: [
         {
@@ -222,7 +222,7 @@ export default {
     },
     {
       name: 'Pages',
-      url: '/pages',
+      route: '/pages',
       icon: 'cui-star',
       children: [
         {

src/views/Dashboard.vue

@@ -452,15 +452,13 @@
 import MainChartExample from './charts/MainChartExample'
 import WidgetsDropdown from './widgets/WidgetsDropdown'
 import WidgetsBrand from './widgets/WidgetsBrand'
-import CChartLineSimple from './charts/CChartLineSimple'
 
 export default {
   name: 'Dashboard',
   components: {
     MainChartExample,
     WidgetsDropdown,
-    WidgetsBrand,
-    CChartLineSimple
+    WidgetsBrand
   },
   data () {
     return {

src/views/base/Breadcrumbs.vue

@@ -18,7 +18,7 @@
               </div>
             </CCardHeader>
             <CCardBody>
-              <CBreadcrumb :items="items" add-link-classes="sss" last-item-classes="aaa"/>
+              <CBreadcrumb :items="items"/>
               <CBreadcrumb :items="items2"/>
               <CBreadcrumb :items="items3"/>
             </CCardBody>
@@ -34,46 +34,67 @@ export default {
   name: 'breadcrumbs',
   data () {
     return {
-      items: [{
-        textHtml: '<b>Admin</b>',
-        href: '#'
-      }, {
-        textHtml: 'Manage',
-        href: '#'
-      }, {
-        textHtml: 'Library'
-      }],
+      items: [
+        {
+          textHtml: '<b>Admin</b>',
+          href: '#'
+        }, 
+        {
+          textHtml: 'Manage',
+          href: '#'
+        }, 
+        {
+          textHtml: 'Library'
+        }
+      ],
 
 
-      items2: [{
-        textHtml: 'Go to dashboard',
-        to: '/dashboard'
-      }, {
-        textHtml: 'Go to widgets',
-        to: '/Widgets'
-      }, {
-        textHtml: 'Go to Google',
-        href: 'http://google.com'
-      },{
-        textHtml: 'Current page'
-      }],
+      items2: [
+        {
+          textHtml: 'Go to dashboard',
+          to: '/dashboard'
+        }, 
+        {
+          textHtml: 'Go to widgets',
+          to: '/Widgets'
+        }, 
+        {
+          textHtml: 'Go to Google',
+          href: 'http://google.com'
+        },
+        {
+          textHtml: 'Current page'
+        }
+      ],
 
 
-      items3: [{
-        textHtml: 'Link',
-        to: '#2',
-        activeClass: 'c-bg-info c-p-1'
-      }, {
-        textHtml: 'Active',
-        to: '#3',
-        activeClass: 'c-bg-warning c-p-1',
-        addLinkClasses: 'c-bg-info c-p-1'
-      },{
-        textHtml: 'Classes',
-        to: '#4',
-        activeClass: 'c-bg-danger c-p-1',
-      }]
+      items3: [
+        {
+          textHtml: 'Added',
+          to: '#2',
+          addClasses: 'c-font-xl'
+        }, 
+        {
+          textHtml: 'Custom',
+          to: '#3',
+          addClasses: 'c-font-xl'
+        },
+        {
+          textHtml: 'Classes',
+          to: '#4',
+          addClasses: 'c-font-xl c-text-danger'
+        }
+      ]
     }
   }
 }
 </script>
+
+<style>
+  .c-breadcrumb-item + .c-font-xl.c-breadcrumb-item::before {
+    color: rgb(140, 195, 38);
+    content: '>>';
+    padding: 0px 10px;
+
+  }
+</style>