fix(style): adjust style detail (opentiny#67)

MomoPoppy · Nov 9, 2023 · 4876571 · 4876571
1 parent 4b0cfe6
commit 4876571
Show file tree

Hide file tree

Showing 4 changed files with 6 additions and 3 deletions.
diff --git a/packages/common/component/MetaBindVariable.vue b/packages/common/component/MetaBindVariable.vue
@@ -538,7 +538,7 @@ export default {
 
 <style lang="less" scoped>
 .icon {
-  margin-left: 6px;
+  margin-left: 8px;
 }
 
 .meta-bind-variable-dialog-box {

diff --git a/packages/design-core/src/DesignSettings.vue b/packages/design-core/src/DesignSettings.vue
@@ -68,7 +68,7 @@ export default {
       }
     }
     .tiny-tabs__header {
-      padding-bottom: 20px;
+      padding-bottom: 12px;
     }
     .tiny-tabs__content {
       flex: 1;

diff --git a/packages/settings/styles/src/Main.vue b/packages/settings/styles/src/Main.vue
@@ -160,7 +160,7 @@ export default {
 .style-editor {
   display: flex;
   justify-content: space-around;
-  padding: 0 16px 20px;
+  padding: 8px 16px 12px;
   column-gap: 8px;
   :deep(.editor-wrap) {
     .tiny-button {

diff --git a/packages/theme/common/global.less b/packages/theme/common/global.less
@@ -1821,6 +1821,9 @@ button {
     color: var(--ti-lowcode-collapse-item-header-color);
     background: var(--ti-lowcode-collapse-item-header-bg-color);
     position: relative;
+    min-height: 32px;
+    padding-top: 5px;
+    padding-bottom: 5px;
 
     &:hover,
     &.is-active {