From d377eead9a0cf13b4c45caf57ef4eb1b3f302c9e Mon Sep 17 00:00:00 2001
From: bqy_fe <1743369777@qq.com>
Date: Wed, 15 Feb 2023 19:12:44 +0800
Subject: [PATCH] fix: extension detail settings style

---
 .../detail/components/extensions-settings.component.ts    | 5 ++++-
 .../extension/detail/extension-detail.component.scss      | 8 +++++++-
 src/workbench/browser/src/styles/antd.less                | 2 +-
 3 files changed, 12 insertions(+), 3 deletions(-)

diff --git a/src/workbench/browser/src/app/pages/extension/detail/components/extensions-settings.component.ts b/src/workbench/browser/src/app/pages/extension/detail/components/extensions-settings.component.ts
index f02a8f45a..3350d2b3a 100644
--- a/src/workbench/browser/src/app/pages/extension/detail/components/extensions-settings.component.ts
+++ b/src/workbench/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
index 46b80ba66..d8dc845f4 100644
--- 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
index dc0ca2182..e43503a83 100644
--- 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 {