From d01004d53071a75ac91ee21cc96bde9369f77ff3 Mon Sep 17 00:00:00 2001
From: xiaojunnuo <xiaojunnuo@qq.com>
Date: Sun, 16 Mar 2025 21:37:57 +0800
Subject: [PATCH] =?UTF-8?q?perf:=20=E4=BC=98=E5=8C=96=E9=80=89=E6=8B=A9?=
 =?UTF-8?q?=E4=BB=BB=E5=8A=A1=E6=97=B6=E6=89=8B=E6=9C=BA=E7=89=88=E5=B1=95?=
 =?UTF-8?q?=E7=A4=BA=E6=95=88=E6=9E=9C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../pipeline/component/step-form/index.vue        | 15 +++++++++++----
 1 file changed, 11 insertions(+), 4 deletions(-)

diff --git a/packages/ui/certd-client/src/views/certd/pipeline/pipeline/component/step-form/index.vue b/packages/ui/certd-client/src/views/certd/pipeline/pipeline/component/step-form/index.vue
index ca8477cf..5639807c 100644
--- a/packages/ui/certd-client/src/views/certd/pipeline/pipeline/component/step-form/index.vue
+++ b/packages/ui/certd-client/src/views/certd/pipeline/pipeline/component/step-form/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <a-drawer v-model:open="stepDrawerVisible" placement="right" :closable="true" width="760px" class="step-form-drawer" :class="{ fullscreen }">
+  <a-drawer v-model:open="stepDrawerVisible" :wrap-style="{ maxWidth: '100vw' }" placement="right" :closable="true" width="760px" class="step-form-drawer" :class="{ fullscreen }">
     <template #title>
       <div>
         编辑步骤
@@ -9,7 +9,7 @@
           </a-button>
         </template>
       </div>
-      <div>
+      <div class="hidden md:block">
         <fs-icon class="icon-button" :icon="fullscreen ? 'material-symbols:fullscreen-exit' : 'material-symbols:fullscreen'" @click="fullscreen = !fullscreen"></fs-icon>
       </div>
     </template>
@@ -31,7 +31,7 @@
                 </a-col>
               </a-row>
               <a-row v-else :gutter="10">
-                <a-col v-for="item of group.plugins" :key="item.key" class="step-plugin">
+                <a-col v-for="item of group.plugins" :key="item.key" class="step-plugin w-full md:w-[50%]">
                   <a-card
                     hoverable
                     :class="{ current: item.name === currentStep.type }"
@@ -413,6 +413,10 @@ export default {
 
 <style lang="less">
 .step-form-drawer {
+  max-width: 100%;
+  .ant-tabs-right > div > .ant-tabs-nav .ant-tabs-tab {
+    padding: 8px 10px;
+  }
   &.fullscreen {
     .pi-step-form {
       .body {
@@ -437,6 +441,10 @@ export default {
     }
   }
 
+  .ant-drawer-body {
+    padding: 10px;
+  }
+
   .pi-step-form {
     .bottom-button {
       padding: 20px;
@@ -456,7 +464,6 @@ export default {
       padding: 0px;
 
       .step-plugin {
-        width: 50%;
       }
 
       .ant-tabs-content {