fix: 调整样式

gene9831 · Mar 5, 2024 · 48fd25e · 48fd25e
1 parent 594ba64
commit 48fd25e
Show file tree

Hide file tree

Showing 4 changed files with 8 additions and 3 deletions.
diff --git a/packages/common/component/MonacoEditor.vue b/packages/common/component/MonacoEditor.vue
@@ -159,7 +159,7 @@ export default {
   .buttons {
     color: var(--ti-lowcode-component-svg-button-color);
     cursor: pointer;
-    &:hover {
+    :hover {
       color: var(--ti-lowcode-component-svg-button-hover-color);
     }
   }
@@ -168,7 +168,8 @@ export default {
 .editor {
   flex: 1;
   overflow: hidden;
-  border: 1px solid var(--ti-lowcode-plugin-panel-border-right-color);
+  border: 1px solid var(--ti-lowcode-state-management-monaco-editor-border-color);
+  border-radius: 6px;
 }
 .public-icon {
   font-size: 18px;

diff --git a/packages/plugins/data/src/Main.vue b/packages/plugins/data/src/Main.vue
@@ -419,7 +419,7 @@ export default {
     border-right: 1px solid var(--ti-lowcode-toolbar-border-color);
     background: var(--ti-lowcode-common-component-bg);
     position: absolute;
-    left: calc(var(--base-left-panel-width) - 6px);
+    left: var(--base-left-panel-width);
     top: 0;
 
     .header {

diff --git a/packages/theme/dark/variable.less b/packages/theme/dark/variable.less
@@ -407,6 +407,8 @@
   --ti-lowcode-state-management-screen-icon-color: #fff;
   // 状态管理搜索无结果显示颜色
   --ti-lowcode-state-management-query-color: #fff;
+  // 状态管理代码编辑器边框颜色
+  --ti-lowcode-state-management-monaco-editor-border-color: transparent;
 
   // Popover提示框
   --ti-lowcode-popover-color: var(--ti-lowcode-breadcrumb-color);

diff --git a/packages/theme/light/variable.less b/packages/theme/light/variable.less
@@ -375,6 +375,8 @@
   --ti-lowcode-state-management-screen-icon-color: #404040;
   // 状态管理搜索无结果显示颜色
   --ti-lowcode-state-management-query-color: #404040;
+  // 状态管理代码编辑器边框颜色
+  --ti-lowcode-state-management-monaco-editor-border-color: var(--ti-lowcode-base-gray-40);
 
   // Popover提示框
   --ti-lowcode-popover-color: var(--ti-lowcode-base-text-color);