mirror of
https://github.com/cruip/vuejs-admin-dashboard-template.git
synced 2026-03-01 00:35:36 +08:00
2.0.0
This commit is contained in:
@@ -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,
|
||||
},
|
||||
],
|
||||
})
|
||||
|
||||
Reference in New Issue
Block a user