From 0936767f66d6e95cbc287db6985e90c8702d730e Mon Sep 17 00:00:00 2001
From: teukkk <mengyuan.lv@fit2cloud.com>
Date: Tue, 13 Aug 2024 17:00:20 +0800
Subject: [PATCH] =?UTF-8?q?style(=E6=8E=A5=E5=8F=A3=E6=B5=8B=E8=AF=95):=20?=
 =?UTF-8?q?=E5=AE=9A=E4=B9=89-=E9=A2=84=E8=A7=88-=E5=9F=BA=E6=9C=AC?=
 =?UTF-8?q?=E4=BF=A1=E6=81=AF=E6=A0=87=E7=AD=BE=E5=86=85=E5=AE=B9=E8=BF=87?=
 =?UTF-8?q?=E9=95=BF=E7=9A=84=E6=A0=B7=E5=BC=8F=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

--bug=1045009 --user=吕梦园
https://www.tapd.cn/55049933/bugtrace/bugs/view/1155049933001045009
---
 frontend/src/components/pure/ms-detail-card/index.vue     | 8 ++++++--
 .../components/management/api/preview/index.vue           | 6 ++++--
 2 files changed, 10 insertions(+), 4 deletions(-)

diff --git a/frontend/src/components/pure/ms-detail-card/index.vue b/frontend/src/components/pure/ms-detail-card/index.vue
index 20695ab245..016d969671 100644
--- a/frontend/src/components/pure/ms-detail-card/index.vue
+++ b/frontend/src/components/pure/ms-detail-card/index.vue
@@ -18,13 +18,17 @@
       <div
         v-for="item of showingDescription"
         :key="item.key"
-        class="flex w-[calc(100%/3)] items-center gap-[8px]"
+        :class="[
+          `ms-detail-card-desc-item ${
+            Array.isArray(item.value) && item.value.length > 0 ? 'ms-detail-card-desc-tag' : ''
+          } flex w-[calc(100%/3)] items-center gap-[8px]`,
+        ]"
         :style="{ width: item.width }"
       >
         <div class="whitespace-nowrap text-[var(--color-text-4)]">
           {{ t(item.locale) }}
         </div>
-        <div v-if="Array.isArray(item.value)">
+        <div v-if="Array.isArray(item.value)" class="pr-[24px]">
           <MsTagGroup v-if="item.value.length > 0" :tag-list="item.value" size="small" is-string-tag />
           <div v-else>-</div>
         </div>
diff --git a/frontend/src/views/api-test/management/components/management/api/preview/index.vue b/frontend/src/views/api-test/management/components/management/api/preview/index.vue
index 3ed9a4ac2e..46c5e2a85d 100644
--- a/frontend/src/views/api-test/management/components/management/api/preview/index.vue
+++ b/frontend/src/views/api-test/management/components/management/api/preview/index.vue
@@ -193,12 +193,14 @@
   :deep(.ms-detail-card) {
     gap: 12px;
     .ms-detail-card-desc {
-      column-gap: 24px;
       row-gap: 8px;
-      & > div:nth-of-type(n) {
+      .ms-detail-card-desc-item {
         width: auto;
         max-width: 300px;
       }
+      .ms-detail-card-desc-tag {
+        max-width: fit-content;
+      }
     }
   }
 </style>