This commit is contained in:
pasqualevitiello
2023-06-01 14:59:41 +02:00
parent 2df9ad1fbe
commit ebb6163110
46 changed files with 1066 additions and 739 deletions
+4 -6
View File
@@ -1,7 +1,7 @@
<template>
<div class="flex flex-col col-span-full sm:col-span-6 xl:col-span-4 bg-white shadow-lg rounded-sm border border-gray-200">
<header class="px-5 py-4 border-b border-gray-100">
<h2 class="font-semibold text-gray-800">Top Countries</h2>
<div class="flex flex-col col-span-full sm:col-span-6 xl:col-span-4 bg-white dark:bg-slate-800 shadow-lg rounded-sm border border-slate-200 dark:border-slate-700">
<header class="px-5 py-4 border-b border-slate-100 dark:border-slate-700">
<h2 class="font-semibold text-slate-800 dark:text-slate-100">Top Countries</h2>
</header>
<!-- Chart built with Chart.js 3 -->
<!-- Change the height attribute to adjust the chart height -->
@@ -12,7 +12,6 @@
<script>
import { ref } from 'vue'
import DoughnutChart from '../../charts/DoughnutChart.vue'
import EditMenu from '../../components/DropdownEditMenu.vue'
// Import utilities
import { tailwindConfig } from '../../utils/Utils'
@@ -21,7 +20,6 @@ export default {
name: 'DashboardCard06',
components: {
DoughnutChart,
EditMenu,
},
setup() {
const chartData = ref({
@@ -42,7 +40,7 @@ export default {
tailwindConfig().theme.colors.blue[500],
tailwindConfig().theme.colors.indigo[900],
],
hoverBorderColor: tailwindConfig().theme.colors.white,
borderWidth: 0,
},
],
})