From 76c398734f46c364c31767ad27395f7071352723 Mon Sep 17 00:00:00 2001
From: "xinxin.wu" <xinxin.wu@fit2cloud.com>
Date: Thu, 21 Nov 2024 17:05:46 +0800
Subject: [PATCH] =?UTF-8?q?style(=E5=B7=A5=E4=BD=9C=E5=8F=B0):=20=E4=BF=AE?=
 =?UTF-8?q?=E5=A4=8D=E5=B7=A5=E4=BD=9C=E5=8F=B0mini=E5=8D=A1=E7=89=87?=
 =?UTF-8?q?=E8=87=AA=E9=80=82=E5=BA=94style?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../homePage/components/apiCount.vue          | 20 +++++++++----------
 .../homePage/components/passRatePie.vue       |  2 +-
 .../src/views/workbench/homePage/index.vue    |  3 +--
 3 files changed, 11 insertions(+), 14 deletions(-)

diff --git a/frontend/src/views/workbench/homePage/components/apiCount.vue b/frontend/src/views/workbench/homePage/components/apiCount.vue
index 9ac1edc2bb..5c4ae83720 100644
--- a/frontend/src/views/workbench/homePage/components/apiCount.vue
+++ b/frontend/src/views/workbench/homePage/components/apiCount.vue
@@ -20,18 +20,16 @@
       </div>
     </div>
     <div class="my-[16px]">
-      <TabCard :content-tab-list="apiCountTabList" not-has-padding hidden-border min-width="270px">
+      <TabCard :content-tab-list="apiCountTabList" not-has-padding hidden-border min-width="296px">
         <template #item="{ item: tabItem }">
-          <div class="w-full">
-            <PassRatePie
-              :tooltip-text="tabItem.tooltip"
-              :options="tabItem.options"
-              :size="60"
-              :loading="tabItem.value === 'cover' ? loading : undefined"
-              :has-permission="hasPermission"
-              :value-list="tabItem.valueList"
-            />
-          </div>
+          <PassRatePie
+            :tooltip-text="tabItem.tooltip"
+            :options="tabItem.options"
+            :size="60"
+            :loading="tabItem.value === 'cover' ? loading : undefined"
+            :has-permission="hasPermission"
+            :value-list="tabItem.valueList"
+          />
         </template>
       </TabCard>
       <div class="h-[148px]">
diff --git a/frontend/src/views/workbench/homePage/components/passRatePie.vue b/frontend/src/views/workbench/homePage/components/passRatePie.vue
index 6b6854d38a..3eaf43b65e 100644
--- a/frontend/src/views/workbench/homePage/components/passRatePie.vue
+++ b/frontend/src/views/workbench/homePage/components/passRatePie.vue
@@ -51,7 +51,7 @@
     background: var(--color-text-n9);
     @apply flex items-center;
     .pass-rate-title {
-      @apply ml-4 flex items-center gap-4;
+      @apply ml-4 flex items-center gap-2;
       .pass-rate-count {
         font-size: 20px;
         color: rgb(var(--primary-4));
diff --git a/frontend/src/views/workbench/homePage/index.vue b/frontend/src/views/workbench/homePage/index.vue
index 9c5fb8a2c3..dbc8df21ef 100644
--- a/frontend/src/views/workbench/homePage/index.vue
+++ b/frontend/src/views/workbench/homePage/index.vue
@@ -363,8 +363,6 @@
 
 <style scoped lang="less">
   .work-bench-content {
-    @apply overflow-x-auto;
-    .ms-scroll-bar();
     .header-setting {
       position: sticky;
       top: 0;
@@ -386,6 +384,7 @@
 <style lang="less">
   .card-wrapper {
     padding: 24px;
+    min-width: 356px;
     box-shadow: 0 0 10px rgba(120 56 135/ 5%);
     @apply rounded-xl bg-white;
     &.card-min-height {