From 12c82dd29e23dc62e87f217e581a3697f460ae44 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E4=B8=80=E5=AF=B8=E7=81=B0?= <webyicunhui@outlook.com>
Date: Wed, 9 Apr 2025 21:31:40 +0800
Subject: [PATCH] fix(projects): :bug: fix responsive issues on the homepage.
 fixed [#76]

---
 src/views/home/index.vue | 20 +++++++++++---------
 1 file changed, 11 insertions(+), 9 deletions(-)

diff --git a/src/views/home/index.vue b/src/views/home/index.vue
index e4e63f0..49e17cc 100644
--- a/src/views/home/index.vue
+++ b/src/views/home/index.vue
@@ -14,19 +14,15 @@ const gap = computed(() => (appStore.isMobile ? 0 : 16));
 </script>
 
 <template>
-  <ElSpace direction="vertical" fill class="pb-0" :size="0">
+  <ElSpace direction="vertical" fill class="full-space pb-0" :size="0">
     <HeaderBanner class="mb-16px" />
     <CardData class="mb-16px" />
-    <ElRow :gutter="gap">
+    <ElRow :gutter="gap" class="w-full">
       <ElCol :lg="14" :sm="24" class="mb-16px">
-        <ElCard class="card-wrapper">
-          <LineChart />
-        </ElCard>
+        <LineChart />
       </ElCol>
       <ElCol :lg="10" :sm="24" class="mb-16px">
-        <ElCard class="card-wrapper">
-          <PieChart />
-        </ElCard>
+        <PieChart />
       </ElCol>
     </ElRow>
     <ElRow :gutter="gap">
@@ -40,4 +36,10 @@ const gap = computed(() => (appStore.isMobile ? 0 : 16));
   </ElSpace>
 </template>
 
-<style scoped></style>
+<style scoped lang="scss">
+.full-space {
+  > :deep(.el-space__item) {
+    width: 100%;
+  }
+}
+</style>