From c27b97f9339bad1b12ad89bdcf24680349de1fcb Mon Sep 17 00:00:00 2001
From: Hannah Jensen <texon233@gmail.com>
Date: Fri, 23 Aug 2024 12:59:59 +0800
Subject: [PATCH] feat(@vben/web-antd): perf: home page analysis card adjusted
 to grid layout (#4219)

Co-authored-by: DreamyTZK <i@tzki.cn>
---
 .../src/ui/dashboard/analysis/analysis-overview.vue    | 10 +++-------
 1 file changed, 3 insertions(+), 7 deletions(-)

diff --git a/packages/effects/common-ui/src/ui/dashboard/analysis/analysis-overview.vue b/packages/effects/common-ui/src/ui/dashboard/analysis/analysis-overview.vue
index 8b1c327f..ea4d7bca 100644
--- a/packages/effects/common-ui/src/ui/dashboard/analysis/analysis-overview.vue
+++ b/packages/effects/common-ui/src/ui/dashboard/analysis/analysis-overview.vue
@@ -25,13 +25,9 @@ withDefaults(defineProps<Props>(), {
 </script>
 
 <template>
-  <div class="md:flex">
-    <template v-for="(item, index) in items" :key="item.title">
-      <Card
-        :class="{ 'md:mr-4': index + 1 < 4 }"
-        :title="item.title"
-        class="mt-5 w-full md:mt-0 md:w-1/4"
-      >
+  <div class="grid grid-cols-1 gap-4 md:grid-cols-2 lg:grid-cols-4">
+    <template v-for="item in items" :key="item.title">
+      <Card :title="item.title" class="w-full">
         <CardHeader>
           <CardTitle class="text-xl">{{ item.title }}</CardTitle>
         </CardHeader>