fix: small fixes

Author: woothu

src/views/Dashboard.vue

@@ -385,10 +385,10 @@
             no-sorting
           >
             <td slot="avatar" class="text-center" slot-scope="{item}">
-              <div class="avatar">
-                <img :src="item.avatar.url" class="img-avatar" alt="">
+              <div class="c-avatar">
+                <img :src="item.avatar.url" class="c-avatar-img" alt="">
                 <span
-                  class="avatar-status"
+                  class="c-avatar-status"
                   :class="`bg-${item.avatar.status || 'secondary'}`"
                 ></span>
               </div>

src/views/charts/MainChartExample.vue

@@ -97,94 +97,6 @@ export default {
         }
       }
     }
-  },
-  // mounted () {
-  //   const brandSuccess = getStyle('--success') || '#4dbd74'
-  //   const brandInfo = getStyle('--info') || '#20a8d8'
-  //   const brandDanger = getStyle('--danger') || '#f86c6b'
-  //
-  //   let elements = 27
-  //   const data1 = []
-  //   const data2 = []
-  //   const data3 = []
-  //
-  //   for (let i = 0; i <= elements; i++) {
-  //     data1.push(random(50, 200))
-  //     data2.push(random(80, 100))
-  //     data3.push(65)
-  //   }
-  //   this.renderChart({
-  //     datasets: [
-  //       {
-  //         label: 'My First dataset',
-  //         backgroundColor: hexToRgba(brandInfo, 10),
-  //         borderColor: brandInfo,
-  //         pointHoverBackgroundColor: '#fff',
-  //         borderWidth: 2,
-  //         data: data1
-  //       },
-  //       {
-  //         label: 'My Second dataset',
-  //         backgroundColor: 'transparent',
-  //         borderColor: brandSuccess,
-  //         pointHoverBackgroundColor: '#fff',
-  //         borderWidth: 2,
-  //         data: data2
-  //       },
-  //       {
-  //         label: 'My Third dataset',
-  //         backgroundColor: 'transparent',
-  //         borderColor: brandDanger,
-  //         pointHoverBackgroundColor: '#fff',
-  //         borderWidth: 1,
-  //         borderDash: [8, 5],
-  //         data: data3
-  //       }
-  //     ]
-  //   }, {
-  //     tooltips: {
-  //       enabled: false,
-  //       custom: CustomTooltips,
-  //       intersect: true,
-  //       mode: 'index',
-  //       position: 'nearest',
-  //       callbacks: {
-  //         labelColor: function (tooltipItem, chart) {
-  //           return { backgroundColor: chart.data.datasets[tooltipItem.datasetIndex].borderColor }
-  //         }
-  //       }
-  //     },
-  //     maintainAspectRatio: false,
-  //     legend: {
-  //       display: false
-  //     },
-  //     scales: {
-  //       xAxes: [{
-  //         gridLines: {
-  //           drawOnChartArea: false
-  //         }
-  //       }],
-  //       yAxes: [{
-  //         ticks: {
-  //           beginAtZero: true,
-  //           maxTicksLimit: 5,
-  //           stepSize: Math.ceil(250 / 5),
-  //           max: 250
-  //         },
-  //         gridLines: {
-  //           display: true
-  //         }
-  //       }]
-  //     },
-  //     elements: {
-  //       point: {
-  //         radius: 0,
-  //         hitRadius: 10,
-  //         hoverRadius: 4,
-  //         hoverBorderWidth: 3
-  //       }
-  //     }
-  //   })
-  // }
+  }
 }
 </script>