✨ feat (dashboard): implement dashboard page with summary cards and quick actions

2025-08-15 16:30:48 +07:00
parent 878211bc7f
commit fe46db6bc6
4 changed files with 191 additions and 185 deletions
@@ -44,10 +44,10 @@ const isTrending = computed<boolean>(() => (props.stat?.trend ?? 0) > 0)
      <Skeleton class="h-4 w-64 bg-gray-100 text-xs font-medium" />
    </CardContent>
  </Card>
-  <Card v-else-if="props.stat && !props.isSkeleton">
+  <Card v-else-if="props.stat && !props.isSkeleton" class="h-42">
    <CardHeader class="flex flex-row items-center justify-between pb-2">
      <CardTitle class="text-sm font-medium"> {{ props.stat.title }} </CardTitle>
-      <component :is="props.stat.icon" class="text-muted-foreground h-4 w-4" />
+      <component :is="props.stat.icon" class="bg-primary h-[40px] w-auto rounded-md p-2 text-white" />
    </CardHeader>
    <CardContent>
      <div class="text-2xl font-bold">