From 89e42039d48835061d60e9f85d9f8dc96ca14256 Mon Sep 17 00:00:00 2001
From: wenmine <wwmmail@foxmail.com>
Date: Tue, 29 Oct 2024 20:42:59 +0800
Subject: [PATCH] fix(refactor/styles): fix property panel styles and common
 styles review

---
 packages/common/component/MetaChildItem.vue   | 2 +-
 packages/common/component/MetaCodeEditor.vue  | 6 +++++-
 packages/theme/base/src/component-common.less | 3 +++
 3 files changed, 9 insertions(+), 2 deletions(-)

diff --git a/packages/common/component/MetaChildItem.vue b/packages/common/component/MetaChildItem.vue
index 6c5165d75..f909cafbf 100644
--- a/packages/common/component/MetaChildItem.vue
+++ b/packages/common/component/MetaChildItem.vue
@@ -99,7 +99,7 @@ export default {
   width: 100%;
   display: flex;
   flex-direction: column;
-  height: calc(100% - 34px); // 22为头部+底部的高度
+  height: calc(100% - 34px); // 34为头部+底部的高度
   overflow-y: auto;
 
   .meta-config-item {
diff --git a/packages/common/component/MetaCodeEditor.vue b/packages/common/component/MetaCodeEditor.vue
index 020fbc4bb..0c97ce569 100644
--- a/packages/common/component/MetaCodeEditor.vue
+++ b/packages/common/component/MetaCodeEditor.vue
@@ -7,7 +7,11 @@
       </div>
       <tiny-button v-else class="edit-btn" @click="open">
         <slot name="icon"></slot>
-        <svg-icon name="page-schema" v-if="buttonText === EDIT_CODE_TEXT" class="edit-btn-icon"></svg-icon>
+        <svg-icon
+          name="page-schema"
+          v-if="[buttonText[locale], buttonText].includes(EDIT_CODE_TEXT)"
+          class="edit-btn-icon"
+        ></svg-icon>
 
         {{ buttonLabel }}
       </tiny-button>
diff --git a/packages/theme/base/src/component-common.less b/packages/theme/base/src/component-common.less
index 89027776f..1513c1d3b 100644
--- a/packages/theme/base/src/component-common.less
+++ b/packages/theme/base/src/component-common.less
@@ -210,6 +210,9 @@
         border-radius: var(--te-base-border-radius-1);
       }
     }
+    .tiny-tabs__nav-wrap-not-separator::after {
+      background-color: var(--te-common-border-divider);
+    }
   }
 }