refactor: update WidgetDropdown view

Author: woothu

src/views/widgets/WidgetsDropdown.vue

@@ -4,7 +4,6 @@
       <CWidgetDropdown color="primary" header="9.823" text="Members online">
         <template #default>
           <CDropdown
-            class="float-right"
             color="transparent p-0"
             placement="bottom-end"
           >
@@ -20,10 +19,10 @@
         <template #footer>
           <CChartLineSimple
             pointed
-            class="px-3"
+            class="mt-3 mx-3"
             style="height:70px"
             :data-points="[65, 59, 84, 84, 51, 55, 40]"
-            background-color="primary"
+            point-hover-background-color="primary"
             label="Members"
             labels="months"
           />
@@ -34,7 +33,6 @@
       <CWidgetDropdown color="info" header="9.823" text="Members online">
         <template #default>
           <CDropdown
-            class="float-right"
             color="transparent p-0"
             placement="bottom-end"
             :caret="false"
@@ -51,10 +49,10 @@
         <template #footer>
           <CChartLineSimple
             pointed
-            class="px-3"
+            class="mt-3 mx-3"
             style="height:70px"
             :data-points="[1, 18, 9, 17, 34, 22, 11]"
-            background-color="info"
+            point-hover-background-color="info"
             :options="{ elements: { line: { tension: 0.00001 }}}"
             label="Members"
             labels="months"
@@ -70,7 +68,6 @@
       >
         <template #default>
           <CDropdown
-            class="float-right"
             color="transparent p-0"
             placement="bottom-end"
           >
@@ -85,6 +82,7 @@
         </template>
         <template #footer>
           <CChartLineSimple
+            class="mt-3"
             style="height:70px"
             background-color="rgba(255,255,255,.2)"
             :data-points="[78, 81, 80, 45, 34, 12, 40]"
@@ -104,7 +102,6 @@
       >
         <template #default>
           <CDropdown
-            class="float-right"
             color="transparent p-0"
             placement="bottom-end"
           >
@@ -119,6 +116,7 @@
         </template>
         <template #footer>
           <CChartBarSimple
+            class="mt-3 mx-3"
             style="height:70px"
             background-color="rgb(250, 152, 152)"
             label="Members"