From ed6c61fb318ef4b1d23f92b9fbcac93b8affcb94 Mon Sep 17 00:00:00 2001
From: teukkk <mengyuan.lv@fit2cloud.com>
Date: Mon, 22 Jul 2024 17:27:38 +0800
Subject: [PATCH] =?UTF-8?q?style:=20=E6=A8=A1=E5=9D=97=E6=A0=91=E6=A0=B7?=
 =?UTF-8?q?=E5=BC=8F=E4=BC=98=E5=8C=96-=E5=8E=BB=E6=8E=89=E6=89=80?=
 =?UTF-8?q?=E6=9C=89=E6=A8=A1=E5=9D=97=E6=A0=91=E7=9A=84=E5=88=86=E5=89=B2?=
 =?UTF-8?q?=E7=BA=BF?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../business/ms-associate-case/caseTree.vue   | 33 +------------------
 .../business/ms-case-associate/index.vue      | 31 -----------------
 .../ms-common-script/formApiImportDrawer.vue  |  1 -
 .../business/ms-folder-all/index.vue          |  4 ++-
 .../ms-link-file/associatedFileDrawer.vue     |  3 +-
 .../api-test/debug/components/moduleTree.vue  |  1 -
 .../management/components/moduleTree.vue      |  1 -
 .../common/importApiDrawer/moduleTree.vue     |  1 -
 .../components/scenarioModuleTree.vue         |  2 --
 .../api-test/scenario/recycle/recycleTree.vue |  1 -
 .../components/recycleCaseTable.vue           |  1 -
 .../tabDependency/preAndPostCaseDrawer.vue    |  5 +--
 .../caseManagementFeature/index.vue           |  1 -
 .../caseReview/components/detail/caseTree.vue |  1 -
 .../components/index/moduleTree.vue           |  1 -
 .../fileManagement/index.vue                  |  3 +-
 .../detail/apiCase/components/caseTree.vue    |  1 -
 .../apiScenario/components/scenarioTree.vue   |  1 -
 .../featureCase/components/caseTree.vue       |  1 -
 19 files changed, 9 insertions(+), 84 deletions(-)

diff --git a/frontend/src/components/business/ms-associate-case/caseTree.vue b/frontend/src/components/business/ms-associate-case/caseTree.vue
index 4fa32f81cd..0c855a5bc9 100644
--- a/frontend/src/components/business/ms-associate-case/caseTree.vue
+++ b/frontend/src/components/business/ms-associate-case/caseTree.vue
@@ -10,8 +10,7 @@
     @set-active-folder="setActiveFolder"
     @selected-protocols-change="selectedProtocolsChange"
   />
-  <a-divider class="my-[8px] mt-0" />
-  <div class="mb-[8px] flex items-center gap-[8px]">
+  <div class="my-[8px] flex items-center gap-[8px]">
     <a-input
       v-model:model-value="moduleKeyword"
       :placeholder="t('caseManagement.caseReview.folderSearchPlaceholder')"
@@ -275,36 +274,6 @@
 </script>
 
 <style scoped lang="less">
-  .folder {
-    @apply flex cursor-pointer items-center justify-between;
-
-    padding: 8px 4px;
-    border-radius: var(--border-radius-small);
-    &:hover {
-      background-color: rgb(var(--primary-1));
-    }
-    .folder-text {
-      @apply flex cursor-pointer items-center;
-      .folder-icon {
-        margin-right: 4px;
-        color: var(--color-text-4);
-      }
-      .folder-name {
-        color: var(--color-text-1);
-      }
-      .folder-count {
-        margin-left: 4px;
-        color: var(--color-text-4);
-      }
-    }
-    .folder-text--active {
-      .folder-icon,
-      .folder-name,
-      .folder-count {
-        color: rgb(var(--primary-5));
-      }
-    }
-  }
   .footer {
     @apply flex items-center justify-between;
 
diff --git a/frontend/src/components/business/ms-case-associate/index.vue b/frontend/src/components/business/ms-case-associate/index.vue
index d5c6450d8b..c8f1898f69 100644
--- a/frontend/src/components/business/ms-case-associate/index.vue
+++ b/frontend/src/components/business/ms-case-associate/index.vue
@@ -74,7 +74,6 @@
           @set-active-folder="setActiveFolder"
           @selected-protocols-change="selectedProtocolsChange"
         />
-        <a-divider class="my-[8px]" />
         <a-spin class="w-full" :loading="moduleLoading">
           <MsTree
             v-model:selected-keys="selectedModuleKeys"
@@ -837,36 +836,6 @@
 </script>
 
 <style lang="less" scoped>
-  .folder {
-    @apply flex cursor-pointer items-center justify-between;
-
-    padding: 8px 4px;
-    border-radius: var(--border-radius-small);
-    &:hover {
-      background-color: rgb(var(--primary-1));
-    }
-    .folder-text {
-      @apply flex cursor-pointer items-center;
-      .folder-icon {
-        margin-right: 4px;
-        color: var(--color-text-4);
-      }
-      .folder-name {
-        color: var(--color-text-1);
-      }
-      .folder-count {
-        margin-left: 4px;
-        color: var(--color-text-4);
-      }
-    }
-    .folder-text--active {
-      .folder-icon,
-      .folder-name,
-      .folder-count {
-        color: rgb(var(--primary-5));
-      }
-    }
-  }
   .footer {
     @apply flex items-center justify-between;
 
diff --git a/frontend/src/components/business/ms-common-script/formApiImportDrawer.vue b/frontend/src/components/business/ms-common-script/formApiImportDrawer.vue
index fb1a6d3fe0..1481d50e10 100644
--- a/frontend/src/components/business/ms-common-script/formApiImportDrawer.vue
+++ b/frontend/src/components/business/ms-common-script/formApiImportDrawer.vue
@@ -32,7 +32,6 @@
             <div class="folder-count">({{ modulesCount['all'] || 0 }})</div>
           </div>
         </div>
-        <a-divider class="my-[8px]" />
         <a-spin class="w-full" :loading="moduleLoading">
           <MsTree
             v-model:selected-keys="selectedModuleKeys"
diff --git a/frontend/src/components/business/ms-folder-all/index.vue b/frontend/src/components/business/ms-folder-all/index.vue
index 6a25ca0cc1..bff5e7b089 100644
--- a/frontend/src/components/business/ms-folder-all/index.vue
+++ b/frontend/src/components/business/ms-folder-all/index.vue
@@ -62,13 +62,15 @@
   .folder {
     @apply flex cursor-pointer items-center justify-between;
 
-    padding: 8px 4px;
+    padding: 4px;
     border-radius: var(--border-radius-small);
     &:hover {
       background-color: rgb(var(--primary-1));
     }
     .folder-text {
       @apply flex cursor-pointer items-center;
+
+      height: 26px;
       .folder-icon {
         margin-right: 4px;
         color: var(--color-text-4);
diff --git a/frontend/src/components/business/ms-link-file/associatedFileDrawer.vue b/frontend/src/components/business/ms-link-file/associatedFileDrawer.vue
index d7866420aa..4fcfc5f7de 100644
--- a/frontend/src/components/business/ms-link-file/associatedFileDrawer.vue
+++ b/frontend/src/components/business/ms-link-file/associatedFileDrawer.vue
@@ -14,14 +14,13 @@
     <MsSplitBox>
       <template #first>
         <div class="p-[16px] pt-0">
-          <div class="folder" @click="setActiveFolder('all')">
+          <div class="folder mb-[8px]" @click="setActiveFolder('all')">
             <div class="folder-text" :class="getFolderClass('all')">
               <MsIcon type="icon-icon_folder_filled1" class="folder-icon" />
               <div class="folder-name">{{ t('project.fileManagement.allFile') }}</div>
               <div class="folder-count">({{ allFileCount }})</div>
             </div>
           </div>
-          <a-divider class="my-[8px]" />
           <a-radio-group v-model:model-value="showType" type="button" class="file-show-type" @change="changeShowType">
             <a-radio value="Module">{{ t('project.fileManagement.module') }}</a-radio>
             <a-radio value="Storage">{{ t('project.fileManagement.storage') }}</a-radio>
diff --git a/frontend/src/views/api-test/debug/components/moduleTree.vue b/frontend/src/views/api-test/debug/components/moduleTree.vue
index 30749767ca..5b84b023c2 100644
--- a/frontend/src/views/api-test/debug/components/moduleTree.vue
+++ b/frontend/src/views/api-test/debug/components/moduleTree.vue
@@ -59,7 +59,6 @@
         </popConfirm>
       </div>
     </div>
-    <a-divider class="my-[8px]" />
     <a-spin class="max-h-[calc(100%-98px)] w-full" :loading="loading">
       <MsTree
         v-model:selected-keys="selectedKeys"
diff --git a/frontend/src/views/api-test/management/components/moduleTree.vue b/frontend/src/views/api-test/management/components/moduleTree.vue
index 0315e97584..31187ac4d9 100644
--- a/frontend/src/views/api-test/management/components/moduleTree.vue
+++ b/frontend/src/views/api-test/management/components/moduleTree.vue
@@ -76,7 +76,6 @@
           </popConfirm>
         </template>
       </TreeFolderAll>
-      <a-divider class="my-[8px]" />
     </template>
     <a-input
       v-else
diff --git a/frontend/src/views/api-test/scenario/components/common/importApiDrawer/moduleTree.vue b/frontend/src/views/api-test/scenario/components/common/importApiDrawer/moduleTree.vue
index 28080ae7b7..d2e6ad4fbc 100644
--- a/frontend/src/views/api-test/scenario/components/common/importApiDrawer/moduleTree.vue
+++ b/frontend/src/views/api-test/scenario/components/common/importApiDrawer/moduleTree.vue
@@ -20,7 +20,6 @@
         <div class="folder-count">({{ allScenarioCount }})</div>
       </div>
     </div>
-    <a-divider class="my-[8px]" />
     <a-spin class="w-full" :loading="loading">
       <MsTree
         v-model:selected-keys="selectedKeys"
diff --git a/frontend/src/views/api-test/scenario/components/scenarioModuleTree.vue b/frontend/src/views/api-test/scenario/components/scenarioModuleTree.vue
index 44c05cd6c7..9498f770d3 100644
--- a/frontend/src/views/api-test/scenario/components/scenarioModuleTree.vue
+++ b/frontend/src/views/api-test/scenario/components/scenarioModuleTree.vue
@@ -49,8 +49,6 @@
         </popConfirm>
       </div>
     </div>
-    <a-divider class="my-[8px]" />
-
     <a-spin class="w-full" :style="{ height: `calc(100vh - 248px)` }" :loading="loading">
       <MsTree
         v-model:focus-node-key="focusNodeKey"
diff --git a/frontend/src/views/api-test/scenario/recycle/recycleTree.vue b/frontend/src/views/api-test/scenario/recycle/recycleTree.vue
index 3e7a7263d2..be32a20579 100644
--- a/frontend/src/views/api-test/scenario/recycle/recycleTree.vue
+++ b/frontend/src/views/api-test/scenario/recycle/recycleTree.vue
@@ -14,7 +14,6 @@
         </a-tooltip>
       </div>
     </div>
-    <a-divider class="my-[8px]" />
     <div class="mb-[8px] flex items-center gap-[8px]">
       <a-input
         v-model:model-value="moduleKeyword"
diff --git a/frontend/src/views/case-management/caseManagementFeature/components/recycleCaseTable.vue b/frontend/src/views/case-management/caseManagementFeature/components/recycleCaseTable.vue
index ec43ba716a..2e675b6089 100644
--- a/frontend/src/views/case-management/caseManagementFeature/components/recycleCaseTable.vue
+++ b/frontend/src/views/case-management/caseManagementFeature/components/recycleCaseTable.vue
@@ -24,7 +24,6 @@
                 </a-tooltip>
               </div>
             </div>
-            <a-divider class="my-[8px]" />
             <a-spin class="h-[calc(100vh-274px)] w-full" :loading="loading">
               <MsTree
                 v-model:focus-node-key="focusNodeKey"
diff --git a/frontend/src/views/case-management/caseManagementFeature/components/tabContent/tabDependency/preAndPostCaseDrawer.vue b/frontend/src/views/case-management/caseManagementFeature/components/tabContent/tabDependency/preAndPostCaseDrawer.vue
index 9aa7674fc2..d4c4515fd7 100644
--- a/frontend/src/views/case-management/caseManagementFeature/components/tabContent/tabDependency/preAndPostCaseDrawer.vue
+++ b/frontend/src/views/case-management/caseManagementFeature/components/tabContent/tabDependency/preAndPostCaseDrawer.vue
@@ -24,7 +24,6 @@
             <div class="folder-count">({{ modulesCount['all'] }})</div>
           </div>
         </div>
-        <a-divider class="my-[8px]" />
         <a-spin class="w-full" :loading="moduleLoading">
           <MsTree
             v-model:focus-node-key="focusNodeKey"
@@ -543,13 +542,15 @@
   .folder {
     @apply flex cursor-pointer items-center justify-between;
 
-    padding: 8px 4px;
+    padding: 4px;
     border-radius: var(--border-radius-small);
     &:hover {
       background-color: rgb(var(--primary-1));
     }
     .folder-text {
       @apply flex cursor-pointer items-center;
+
+      height: 26px;
       .folder-icon {
         margin-right: 4px;
         color: var(--color-text-4);
diff --git a/frontend/src/views/case-management/caseManagementFeature/index.vue b/frontend/src/views/case-management/caseManagementFeature/index.vue
index 1ca25354a8..86e4c2164f 100644
--- a/frontend/src/views/case-management/caseManagementFeature/index.vue
+++ b/frontend/src/views/case-management/caseManagementFeature/index.vue
@@ -88,7 +88,6 @@
                 </MsPopConfirm>
               </div>
             </div>
-            <a-divider class="my-[8px]" />
             <div class="h-[calc(100vh-236px)]">
               <FeatureCaseTree
                 ref="caseTreeRef"
diff --git a/frontend/src/views/case-management/caseReview/components/detail/caseTree.vue b/frontend/src/views/case-management/caseReview/components/detail/caseTree.vue
index c7742f9d7a..879fc12229 100644
--- a/frontend/src/views/case-management/caseReview/components/detail/caseTree.vue
+++ b/frontend/src/views/case-management/caseReview/components/detail/caseTree.vue
@@ -13,7 +13,6 @@
       :all-count="allCount"
       @set-active-folder="setActiveFolder"
     />
-    <a-divider class="my-[8px]" />
     <a-spin class="min-h-[200px] w-full" :loading="loading">
       <MsTree
         :selected-keys="selectedKeys"
diff --git a/frontend/src/views/case-management/caseReview/components/index/moduleTree.vue b/frontend/src/views/case-management/caseReview/components/index/moduleTree.vue
index ed9c335f8e..7bf6f55543 100644
--- a/frontend/src/views/case-management/caseReview/components/index/moduleTree.vue
+++ b/frontend/src/views/case-management/caseReview/components/index/moduleTree.vue
@@ -42,7 +42,6 @@
         </popConfirm>
       </template>
     </MsFolderAll>
-    <a-divider v-if="!props.isModal" class="my-[8px]" />
     <a-spin class="min-h-[400px] w-full" :loading="loading">
       <MsTree
         v-model:focus-node-key="focusNodeKey"
diff --git a/frontend/src/views/project-management/fileManagement/index.vue b/frontend/src/views/project-management/fileManagement/index.vue
index b43e9d908d..8e5820ed99 100644
--- a/frontend/src/views/project-management/fileManagement/index.vue
+++ b/frontend/src/views/project-management/fileManagement/index.vue
@@ -10,7 +10,7 @@
               <div class="folder-count">({{ myFileCount }})</div>
             </div>
           </div>
-          <div class="folder" @click="setActiveFolder('all')">
+          <div class="folder mb-[8px]" @click="setActiveFolder('all')">
             <div :class="getFolderClass('all')">
               <MsIcon type="icon-icon_folder_filled1" class="folder-icon" />
               <div class="folder-name">{{ t('project.fileManagement.allFile') }}</div>
@@ -50,7 +50,6 @@
               </popConfirm>
             </div>
           </div>
-          <a-divider class="my-[8px]" />
           <a-radio-group v-model:model-value="showType" type="button" class="file-show-type" @change="changeShowType">
             <a-radio value="Module">{{ t('project.fileManagement.module') }}</a-radio>
             <a-radio value="Storage">{{ t('project.fileManagement.storage') }}</a-radio>
diff --git a/frontend/src/views/test-plan/testPlan/detail/apiCase/components/caseTree.vue b/frontend/src/views/test-plan/testPlan/detail/apiCase/components/caseTree.vue
index 77aea67006..6b8b05e9f1 100644
--- a/frontend/src/views/test-plan/testPlan/detail/apiCase/components/caseTree.vue
+++ b/frontend/src/views/test-plan/testPlan/detail/apiCase/components/caseTree.vue
@@ -22,7 +22,6 @@
       @set-active-folder="setActiveFolder"
       @selected-protocols-change="selectedProtocolsChange"
     />
-    <a-divider class="my-[8px]" />
     <a-spin class="min-h-[200px] w-full" :loading="loading">
       <MsTree
         :selected-keys="selectedKeys"
diff --git a/frontend/src/views/test-plan/testPlan/detail/apiScenario/components/scenarioTree.vue b/frontend/src/views/test-plan/testPlan/detail/apiScenario/components/scenarioTree.vue
index a7becfc706..d87aa63c17 100644
--- a/frontend/src/views/test-plan/testPlan/detail/apiScenario/components/scenarioTree.vue
+++ b/frontend/src/views/test-plan/testPlan/detail/apiScenario/components/scenarioTree.vue
@@ -18,7 +18,6 @@
       :all-count="allCount"
       @set-active-folder="setActiveFolder"
     />
-    <a-divider class="my-[8px]" />
     <a-spin class="min-h-[200px] w-full" :loading="loading">
       <MsTree
         :selected-keys="selectedKeys"
diff --git a/frontend/src/views/test-plan/testPlan/detail/featureCase/components/caseTree.vue b/frontend/src/views/test-plan/testPlan/detail/featureCase/components/caseTree.vue
index 411740967d..02c07771c2 100644
--- a/frontend/src/views/test-plan/testPlan/detail/featureCase/components/caseTree.vue
+++ b/frontend/src/views/test-plan/testPlan/detail/featureCase/components/caseTree.vue
@@ -18,7 +18,6 @@
       :all-count="allCount"
       @set-active-folder="setActiveFolder"
     />
-    <a-divider class="my-[8px]" />
     <a-spin class="min-h-[200px] w-full" :loading="loading">
       <MsTree
         :selected-keys="selectedKeys"