From 10d50b13b1ffd9e489ae6fbefbee9006f09e1bee Mon Sep 17 00:00:00 2001
From: "xinxin.wu" <xinxin.wu@fit2cloud.com>
Date: Tue, 10 Dec 2024 15:30:19 +0800
Subject: [PATCH] =?UTF-8?q?style(=E6=8E=A5=E5=8F=A3=E6=B5=8B=E8=AF=95):=20?=
 =?UTF-8?q?=E8=B0=83=E6=95=B4=E6=8E=A5=E5=8F=A3=E6=B5=8B=E8=AF=95=E6=8A=A5?=
 =?UTF-8?q?=E5=91=8Astyle?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../api-test/report/component/step/stepTree.vue     | 13 ++++++-------
 1 file changed, 6 insertions(+), 7 deletions(-)

diff --git a/frontend/src/views/api-test/report/component/step/stepTree.vue b/frontend/src/views/api-test/report/component/step/stepTree.vue
index 6f383fecc1..4144feb36a 100644
--- a/frontend/src/views/api-test/report/component/step/stepTree.vue
+++ b/frontend/src/views/api-test/report/component/step/stepTree.vue
@@ -36,8 +36,8 @@
               >
                 {{ step.index }}
               </div>
-              <div class="step-node-content flex justify-between">
-                <div class="flex max-w-[calc(100%-566px)] flex-1 items-center">
+              <div class="step-node-content">
+                <div class="flex max-w-[calc(100%-580px)] flex-1 items-center">
                   <!-- 步骤展开折叠按钮 -->
                   <a-tooltip
                     v-if="step.children?.length > 0"
@@ -75,7 +75,7 @@
                     </div>
                   </a-tooltip>
                 </div>
-                <div class="flex">
+                <div class="flex flex-1 flex-nowrap justify-end">
                   <stepStatus :status="step.status || 'PENDING'" />
                   <!-- 脚本报错 -->
                   <a-popover position="left" content-class="response-popover-content">
@@ -98,7 +98,7 @@
                     </template>
                   </a-popover>
                   <div v-show="showStatus(step)" class="flex">
-                    <span class="statusCode mx-2">
+                    <span class="statusCode">
                       <div v-show="step.code" class="mr-2"> {{ t('report.detail.api.statusCode') }}</div>
                       <a-popover position="left" content-class="response-popover-content">
                         <div
@@ -385,10 +385,9 @@
         background-color: var(--color-text-fff) !important;
       }
       .step-node-content {
-        width: calc(100% - 16px);
-        @apply flex w-full flex-1 items-center;
-
+        width: calc(100% - 20px);
         gap: 8px;
+        @apply flex items-center justify-between;
       }
       .step-name-container {
         @apply flex flex-1 items-center overflow-hidden;