fix:Modify panel shadow color (#943)

opentiny · Jan 7, 2025 · a14a508 · a14a508
1 parent 15597a1
commit a14a508
Show file tree

Hide file tree

Showing 6 changed files with 6 additions and 4 deletions.
diff --git a/packages/common/component/PluginSetting.vue b/packages/common/component/PluginSetting.vue
@@ -129,7 +129,7 @@ export default {
   overflow: hidden;
   border-left: 1px solid var(--ti-lowcode-plugin-panel-header-border-bottom-color);
   &:not(.second-panel) {
-    box-shadow: 6px 0px 3px 0px rgba(0, 0, 0, 0.05);
+    box-shadow: 6px 0px 3px 0px var(--te-base-box-shadow-rgba-3);
     border-right: none;
     border-left: none;
   }

diff --git a/packages/plugins/i18n/src/Main.vue b/packages/plugins/i18n/src/Main.vue
@@ -434,7 +434,7 @@ export default {
 
 <style lang="less" scoped>
 .plugin-panel-i18n {
-  box-shadow: 6px 0px 3px 0px rgba(0, 0, 0, 0.05);
+  box-shadow: 6px 0px 3px 0px var(--te-base-box-shadow-rgba-3);
 }
 .stripe-tiny-grid {
   word-wrap: break-word;

diff --git a/packages/plugins/schema/src/Main.vue b/packages/plugins/schema/src/Main.vue
@@ -175,7 +175,7 @@ export default {
   top: var(--base-top-panel-height);
   left: 41px;
   background: var(--ti-lowcode-common-component-bg);
-  box-shadow: 6px 0px 3px 0px rgba(0, 0, 0, 0.05);
+  box-shadow: 6px 0px 3px 0px var(--te-base-box-shadow-rgba-3);
   z-index: 1000;
   .source-code-header {
     display: flex;

diff --git a/packages/plugins/script/src/Main.vue b/packages/plugins/script/src/Main.vue
@@ -102,7 +102,7 @@ export default {
   width: 50vw;
   height: 100%;
   background: var(--ti-lowcode-plugin-js-bg);
-  box-shadow: 6px 0px 3px 0px rgba(0, 0, 0, 0.05);
+  box-shadow: 6px 0px 3px 0px var(--te-base-box-shadow-rgba-3);
   position: absolute;
   left: 0;
   top: 0;

diff --git a/packages/plugins/state/src/Main.vue b/packages/plugins/state/src/Main.vue
@@ -454,6 +454,7 @@ export default {
     height: 100%;
     border-right: 1px solid var(--ti-lowcode-toolbar-border-color);
     background: var(--ti-lowcode-common-component-bg);
+    box-shadow: 6px 0px 3px 0px var(--te-base-box-shadow-rgba-3);
     position: absolute;
     left: var(--base-left-panel-width);
     top: 0;

diff --git a/packages/theme/base/src/base.less b/packages/theme/base/src/base.less
@@ -239,6 +239,7 @@
 
   --te-base-box-shadow-rgba-1: rgba(25, 25, 25, 0.15);
   --te-base-box-shadow-rgba-2: rgba(0, 0, 0, 0.16);
+  --te-base-box-shadow-rgba-3: rgba(0, 0, 0, 0.1);
 
   /**
   * 1.1 行高