From d7ad7ac873d6d5a2980818c15b00c471346c4e70 Mon Sep 17 00:00:00 2001
From: ulleo <ulleo.wang@gmail.com>
Date: Wed, 15 Jan 2025 16:16:11 +0800
Subject: [PATCH] =?UTF-8?q?refactor(=E5=B7=A5=E4=BD=9C=E5=8F=B0):=20[?=
 =?UTF-8?q?=E4=BD=BF=E7=94=A8=E6=A8=A1=E6=9D=BF=E6=96=B0=E5=BB=BA]?=
 =?UTF-8?q?=E6=A0=B7=E5=BC=8F=E8=B0=83=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/views/common/DeResourceCreateOptV2.vue       |  2 +-
 .../template-market/component/CategoryTemplateV2.vue |  3 +--
 .../component/TemplateMarketV2Item.vue               | 12 +++++++++---
 .../src/views/template-market/index.vue              |  2 +-
 4 files changed, 12 insertions(+), 7 deletions(-)

diff --git a/core/core-frontend/src/views/common/DeResourceCreateOptV2.vue b/core/core-frontend/src/views/common/DeResourceCreateOptV2.vue
index 90d6dabce5..5edadb75b5 100644
--- a/core/core-frontend/src/views/common/DeResourceCreateOptV2.vue
+++ b/core/core-frontend/src/views/common/DeResourceCreateOptV2.vue
@@ -2,7 +2,7 @@
   <el-dialog
     class="market-create-dialog"
     v-model="state.dialogShow"
-    width="90vw"
+    width="80vw"
     height="90vh"
     :before-close="close"
     @submit.prevent
diff --git a/core/core-frontend/src/views/template-market/component/CategoryTemplateV2.vue b/core/core-frontend/src/views/template-market/component/CategoryTemplateV2.vue
index 64143b2ae6..1a5bb67fdb 100644
--- a/core/core-frontend/src/views/template-market/component/CategoryTemplateV2.vue
+++ b/core/core-frontend/src/views/template-market/component/CategoryTemplateV2.vue
@@ -90,9 +90,8 @@ const props = defineProps({
   width: 100%;
   float: left;
   height: 24px;
-  margin-top: 16px;
   display: inline;
-  margin-bottom: 16px;
+  margin-bottom: 8px;
   .custom-split-line {
     margin: 4px 8px 0 12px;
     width: 2px;
diff --git a/core/core-frontend/src/views/template-market/component/TemplateMarketV2Item.vue b/core/core-frontend/src/views/template-market/component/TemplateMarketV2Item.vue
index f973d71d81..0928fb21fa 100644
--- a/core/core-frontend/src/views/template-market/component/TemplateMarketV2Item.vue
+++ b/core/core-frontend/src/views/template-market/component/TemplateMarketV2Item.vue
@@ -1,6 +1,8 @@
 <template>
   <div class="testcase-template">
-    <div class="template-img" :style="classBackground" @click.stop="templateInnerPreview" />
+    <div class="template-img-container">
+      <div class="template-img" :style="classBackground" @click.stop="templateInnerPreview" />
+    </div>
     <el-row class="bottom-area"> </el-row>
     <el-row
       class="bottom-area-show"
@@ -115,10 +117,14 @@ const templateInnerPreview = () => {
   text-overflow: ellipsis;
   color: var(--TextPrimary, #1f2329);
 }
-
+.template-img-container {
+  padding: 4px 4px 0;
+  display: flex;
+  flex-direction: row;
+  justify-content: center;
+}
 .template-img {
   background-size: 100% 100%;
-  margin: 4px 4px 0 4px;
   border-radius: 4px 4px 0 0;
 }
 
diff --git a/core/core-frontend/src/views/template-market/index.vue b/core/core-frontend/src/views/template-market/index.vue
index b73744189b..bb01657704 100644
--- a/core/core-frontend/src/views/template-market/index.vue
+++ b/core/core-frontend/src/views/template-market/index.vue
@@ -140,7 +140,7 @@
             </el-row>
             <el-row v-show="state.marketActiveTab === t('work_branch.recommend')">
               <el-row
-                style="display: inline; width: 100%; margin-bottom: 16px"
+                style="display: inline; width: 100%; margin-bottom: 32px"
                 v-for="(categoryItem, index) in categoriesComputed"
                 :key="index"
               >