fix: extension detail settings style

weirui88888 · Feb 15, 2023 · d377eea · d377eea
1 parent d878582
commit d377eea
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 3 deletions.
diff --git a/...kbench/browser/src/app/pages/extension/detail/components/extensions-settings.component.ts b/...kbench/browser/src/app/pages/extension/detail/components/extensions-settings.component.ts
@@ -6,7 +6,10 @@ import { SettingService } from 'eo/workbench/browser/src/app/modules/system-sett
 @Component({
   selector: 'eo-extension-setting',
   template: `
-    <div class="sticky top-0 py-[10px] border-solid border-0 border-b-[1px] z-10 mb-[3px]" style="border-color: var(--border-color)">
+    <div
+      class="sticky top-0 py-[10px] border-solid border-0 border-b-[1px] z-10 mb-[3px]"
+      style="border-color: var(--border-color); background-color: var(--background-color); border-bottom: 1px solid var(--system-border-color);"
+    >
       <button eo-ng-button nzType="primary" (click)="handleSave()">Save</button>
     </div>
 

diff --git a/src/workbench/browser/src/app/pages/extension/detail/extension-detail.component.scss b/src/workbench/browser/src/app/pages/extension/detail/extension-detail.component.scss
@@ -38,10 +38,16 @@
 
   .ant-tabs {
     overflow: hidden;
+
+    &:not(.settings) {
+      .ant-tabs-content-holder {
+        padding-top: 35px;
+      }
+    }
   }
 
   .ant-tabs-content-holder {
-    padding-top: 35px;
+    padding-top: 12px;
     padding-bottom: 8px;
     margin-bottom: 0;
     overflow: auto;

diff --git a/src/workbench/browser/src/styles/antd.less b/src/workbench/browser/src/styles/antd.less
@@ -200,7 +200,7 @@ nz-resize-handle.container-draggable {
   &.vertical {
     cursor: col-resize;
     width: 5px;
-    border-left: 2px solid var(--background-color);
+    border-left: 2px solid var(--tree-background-color);
     border-right: 2px solid var(--background-color);
 
     &:hover {