From 501ed1a95636a7311ae3c351f03315be98726d51 Mon Sep 17 00:00:00 2001
From: woothu <32914662+woothu@users.noreply.github.com>
Date: Mon, 10 Jun 2019 16:14:43 +0200
Subject: [PATCH] fix: small fixes

---
 src/containers/TheAside.vue         |  8 +++----
 src/containers/TheHeader.vue        | 10 ++++----
 src/views/base/Navbars.vue          |  2 +-
 src/views/base/Paginations.vue      |  2 +-
 src/views/base/Tables.vue           | 10 ++++----
 src/views/widgets/Widgets.vue       |  8 +++----
 src/views/widgets/WidgetsSocial.vue | 36 ++++++++++++++++-------------
 7 files changed, 40 insertions(+), 36 deletions(-)

diff --git a/src/containers/TheAside.vue b/src/containers/TheAside.vue
index 05ad4bd3..f11e5f8b 100644
--- a/src/containers/TheAside.vue
+++ b/src/containers/TheAside.vue
@@ -39,7 +39,7 @@
             </small>
           </CListGroupItem>
           <hr class="c-transparent c-mx-3 c-my-0">
-          <CListGroupItem class="c-list-group-item-accent-secondary c-bg-light c-text-center c-font-weight-bold c-text-muted c-text-uppercase small">
+          <CListGroupItem class="c-list-group-item-accent-secondary c-bg-light c-text-center c-font-weight-bold c-text-muted c-text-uppercase c-small">
             Tomorrow
           </CListGroupItem>
           <CListGroupItem href="#" class="c-list-group-item-accent-danger c-list-group-item-divider">
@@ -225,17 +225,17 @@
           <div class="c-text-uppercase c-mb-1 c-mt-4">
             <small><b>CPU Usage</b></small>
           </div>
-          <CProgress class="c-progress-xs" variant="info" :value="25"></CProgress>
+          <CProgress class="c-progress-xs" variant="info" :value="25"/>
           <small class="c-text-muted">348 Processes. 1/4 Cores.</small>
           <div class="c-text-uppercase c-mb-1 c-mt-2">
             <small><b>Memory Usage</b></small>
           </div>
-          <CProgress class="c-progress-xs" variant="warning" :value="70"></CProgress>
+          <CProgress class="c-progress-xs" variant="warning" :value="70"/>
           <small class="c-text-muted">11444GB/16384MB</small>
           <div class="c-text-uppercase c-mb-1 c-mt-2">
             <small><b>SSD 1 Usage</b></small>
           </div>
-          <CProgress class="c-progress-xs" variant="danger" :value="95"></CProgress>
+          <CProgress class="c-progress-xs" variant="danger" :value="95"/>
           <small class="c-text-muted">243GB/256GB</small>
           <div class="c-text-uppercase c-mb-1 c-mt-2">
             <small><b>SSD 2 Usage</b></small>
diff --git a/src/containers/TheHeader.vue b/src/containers/TheHeader.vue
index 5e5b46ef..4dfcbd0d 100644
--- a/src/containers/TheHeader.vue
+++ b/src/containers/TheHeader.vue
@@ -6,11 +6,11 @@
       <!-- <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"/>
-    <CNavbarNav class="c-header-nav c-d-md-down-none">
-      <CNavItem class="c-px-3 nav-link" to="/dashboard">Dashboard</CNavItem>
-      <CNavItem class="c-px-3 nav-link" to="/users" exact>Users</CNavItem>
-      <CNavItem class="c-px-3 nav-link">Settings</CNavItem>
-    </CNavbarNav>
+    <ul class="c-header-nav c-d-md-down-none">
+      <CNavItem class="c-px-3" to="/dashboard">Dashboard</CNavItem>
+      <CNavItem class="c-px-3" to="/users" exact>Users</CNavItem>
+      <CNavItem class="c-px-3">Settings</CNavItem>
+    </ul>
     <CNav class="c-header-nav c-ml-auto">
       <CNavItem class="c-d-md-down-none">
         <i class="cui-bell"></i>
diff --git a/src/views/base/Navbars.vue b/src/views/base/Navbars.vue
index 83071e0e..33c308a0 100644
--- a/src/views/base/Navbars.vue
+++ b/src/views/base/Navbars.vue
@@ -19,7 +19,7 @@
               <DefaultHeaderDropdownAccnt/>
             </CNavbarNav>
             <CNavbarNav class="ml-auto">
-              <CDropdown right class="nav-item b-nav-dropdown" toggle-classes="nav-link">
+              <CDropdown right class="c-nav-item " toggle-classes="c-nav-link">
                 <CDropdownItem><i class="cui-file" /> Projects
                   <CBadge variant="primary">32</CBadge>
                 </CDropdownItem>
diff --git a/src/views/base/Paginations.vue b/src/views/base/Paginations.vue
index b92c8540..a2996dda 100644
--- a/src/views/base/Paginations.vue
+++ b/src/views/base/Paginations.vue
@@ -26,7 +26,7 @@
             :pages="10"/>
           <br>
 
-          <div class="c-d-sm-down-none">
+          <div>
             <h6>Large</h6>
             <CPagination
               size="lg"
diff --git a/src/views/base/Tables.vue b/src/views/base/Tables.vue
index 5f4ce83c..f6d8a09b 100644
--- a/src/views/base/Tables.vue
+++ b/src/views/base/Tables.vue
@@ -7,16 +7,16 @@
             :items="getItems()"
             :fields="fields"
             :per-page="6"
-            :active-page="page"
             index-column
             filter-row
-            options-row="noFilter"
-            loadings
+            options-row
             hover
             :default-column-filter="{ role:'staff' }"
+            :default-sorters="['username', 'asc']"
+            :default-filter="2012"
             dark-header
             footer
-            :pagination="{size: 'lg'}"
+            pagination
           >
             <template #index-column="{index}">
               <td
@@ -161,7 +161,7 @@ import CTableWrapper from './Table.vue'
 
 const fields = [
   { key: 'username', _style:'width:40%' },
-  { key: 'registered' , style:'width:20%' },
+  'registered',
   { key: 'role', _style:'width:20%;' },
   { key: 'status', _style:'width:20%;' },
   { key: 'show_details' , label:'', _style:'width:1%', noSorting: true, noFilter: true },
diff --git a/src/views/widgets/Widgets.vue b/src/views/widgets/Widgets.vue
index bd4e91a7..3106ac4c 100644
--- a/src/views/widgets/Widgets.vue
+++ b/src/views/widgets/Widgets.vue
@@ -300,7 +300,7 @@
         header="28%"
         text="Returning Visitors"
       >
-        <CIcon name="chart" height="36"/>
+        <CIcon name="chartPie" height="36"/>
       </CWidgetProgressIcon>
       <CWidgetProgressIcon
         header="5:34:11"
@@ -341,7 +341,7 @@
         variant="primary"
         inverse
       >
-        <CIcon name="chart" height="36"/>
+        <CIcon name="chartPie" height="36"/>
       </CWidgetProgressIcon>
       <CWidgetProgressIcon
         header="5:34:11"
@@ -386,7 +386,7 @@
           text="Returning Visitors"
           variant="primary"
         >
-          <CIcon name="chart" height="36"/>
+          <CIcon name="chartPie" height="36"/>
         </CWidgetProgressIcon>
       </CCol>
       <CCol sm="6" md="2">
@@ -446,7 +446,7 @@
           variant="primary"
           inverse
         >
-          <CIcon name="chart" height="36"/>
+          <CIcon name="chartPie" height="36"/>
         </CWidgetProgressIcon>
       </CCol>
       <CCol sm="6" md="2">
diff --git a/src/views/widgets/WidgetsSocial.vue b/src/views/widgets/WidgetsSocial.vue
index f84237cb..3bd5f82c 100644
--- a/src/views/widgets/WidgetsSocial.vue
+++ b/src/views/widgets/WidgetsSocial.vue
@@ -11,11 +11,12 @@
         >
           <CIcon
             name="socialFacebook"
-            height="32"
-            class="c-position-absolute"
+            height="56"
+            class="c-my-4"
           />
           <CChartLineSimple
             style="height:100px"
+            class="c-position-absolute"
             background-color="rgba(255,255,255,.1)"
             :data-points="[65, 59, 84, 84, 51, 55, 40]"
             label="Friends"
@@ -33,11 +34,12 @@
         >
           <CIcon
             name="socialTwitter"
-            height="32"
-            class="c-position-absolute"
+            height="56"
+            class="c-my-4"
           />
           <CChartLineSimple
             style="height:100px"
+            class="c-position-absolute"
             background-color="rgba(255,255,255,.1)"
             :data-points="[1, 13, 9, 17, 34, 41, 38]"
             label="Followers"
@@ -55,11 +57,12 @@
         >
           <CIcon
             name="socialLinkedin"
-            height="32"
-            class="c-position-absolute"
+            height="56"
+            class="c-my-4"
           />
           <CChartLineSimple
             style="height:100px"
+            class="c-position-absolute"
             background-color="rgba(255,255,255,.1)"
             :data-points="[78, 81, 80, 45, 34, 12, 40]"
             label="Contracts"
@@ -77,11 +80,12 @@
         >
           <CIcon
             name="calendar"
-            height="32"
-            class="c-position-absolute"
+            height="56"
+            class="c-my-4"
           />
           <CChartLineSimple
             style="height:100px"
+            class="c-position-absolute"
             background-color="rgba(255,255,255,.1)"
             :data-points="[35, 23, 56, 22, 97, 23, 64]"
             label="Followers"
@@ -101,8 +105,8 @@
         >
           <CIcon
             name="socialFacebook"
-            height="32"
-            class="c-position-absolute"
+            height="56"
+            class="c-my-4"
           />
         </CWidgetSocial>
        </CCol>
@@ -116,8 +120,8 @@
         >
           <CIcon
             name="socialTwitter"
-            height="32"
-            class="c-position-absolute"
+            height="56"
+            class="c-my-4"
           />
         </CWidgetSocial>
        </CCol>
@@ -131,8 +135,8 @@
         >
           <CIcon
             name="socialLinkedin"
-            height="32"
-            class="c-position-absolute"
+            height="56"
+            class="c-my-4"
           />
         </CWidgetSocial>
        </CCol>
@@ -146,8 +150,8 @@
         >
           <CIcon
             name="calendar"
-            height="32"
-            class="c-position-absolute"
+            height="56"
+            class="c-my-4"
           />
         </CWidgetSocial>
       </CCol>