From 8e2b3291292707b4e0ed008b6d79f6855e33245a Mon Sep 17 00:00:00 2001
From: zjc <1569294420@qq.com>
Date: Mon, 30 Dec 2024 23:47:17 -0800
Subject: [PATCH] fix:modify style

---
 packages/common/component/PluginSetting.vue            |  4 ++++
 .../materials/src/meta/block/src/BlockGroup.vue        | 10 ++++++++++
 packages/theme/base/src/component-common.less          |  7 +++++--
 3 files changed, 19 insertions(+), 2 deletions(-)

diff --git a/packages/common/component/PluginSetting.vue b/packages/common/component/PluginSetting.vue
index b822f87b1..c4e13912d 100644
--- a/packages/common/component/PluginSetting.vue
+++ b/packages/common/component/PluginSetting.vue
@@ -176,6 +176,10 @@ export default {
     .plugin-setting-header-title {
       font-size: 12px;
       font-weight: 700;
+      margin-right: 20px;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      white-space: nowrap;
     }
     :deep(.svg-button + .svg-button) {
       margin: 0;
diff --git a/packages/plugins/materials/src/meta/block/src/BlockGroup.vue b/packages/plugins/materials/src/meta/block/src/BlockGroup.vue
index e9715b6c3..30bcd258f 100644
--- a/packages/plugins/materials/src/meta/block/src/BlockGroup.vue
+++ b/packages/plugins/materials/src/meta/block/src/BlockGroup.vue
@@ -429,6 +429,7 @@ export default {
     border-bottom: 1px solid var(--ti-lowcode-materials-block-group-item-border-color);
     :deep(.tiny-input__inner) {
       border-color: transparent;
+      width: 180px;
     }
   }
   .confirm-btns {
@@ -438,6 +439,9 @@ export default {
     :deep(svg) {
       color: var(--ti-lowcode-component-svg-button-color);
     }
+    :deep(.tiny-button) {
+      padding: 0 2px;
+    }
   }
   &.show-underline {
     border-bottom: 1px solid var(--ti-lowcode-materials-block-group-item-border-color);
@@ -455,6 +459,12 @@ export default {
   .option-right {
     display: none;
   }
+  .option-label {
+    width: 180px;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
 }
 .tiny-form .tiny-form-item.edit-form-item {
   margin-bottom: 0;
diff --git a/packages/theme/base/src/component-common.less b/packages/theme/base/src/component-common.less
index 29d76ff19..38927966f 100644
--- a/packages/theme/base/src/component-common.less
+++ b/packages/theme/base/src/component-common.less
@@ -12,6 +12,9 @@
       font-size: var(--te-base-font-size-1);
       color: var(--te-common-text-weaken);
     }
+    .tiny-input__inner {
+      padding-right: 30px;
+    }
   }
   .tiny-select__tags {
     .tiny-tag {
@@ -498,7 +501,7 @@
   }
   &.is-controls-right {
     .tiny-numeric__input-inner {
-      padding: 0 42px 0 12px;
+      padding: 0 20px 0 12px;
     }
     //加减按钮
     .tiny-numeric__decrease,
@@ -519,7 +522,7 @@
     background-color: var(--te-common-bg-default);
     border-color: var(--te-common-border-default);
     &.has-unit .tiny-numeric__input-inner {
-      padding: 0 42px 0 12px;
+      padding: 0 20px 0 12px;
     }
   }
   .tiny-numeric__unit {