From 613f86155ce41c3a32961cb7ed27fa54f8e9ad71 Mon Sep 17 00:00:00 2001
From: lijiahangmax <ljh1553488six@139.com>
Date: Tue, 6 Aug 2024 00:01:27 +0800
Subject: [PATCH] =?UTF-8?q?:lipstick:=20=E4=BF=AE=E6=94=B9=E7=BB=88?=
 =?UTF-8?q?=E7=AB=AF=E6=A0=B7=E5=BC=8F.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 orion-visor-ui/src/assets/style/global.less           |  2 +-
 .../src/assets/style/host-terminal-layout.less        |  6 +++++-
 .../terminal/components/layout/terminal-panel.vue     |  2 +-
 .../views/host/terminal/components/ssh/ssh-view.vue   | 11 +++++++++++
 4 files changed, 18 insertions(+), 3 deletions(-)

diff --git a/orion-visor-ui/src/assets/style/global.less b/orion-visor-ui/src/assets/style/global.less
index 72ee3c1a..8eec5521 100644
--- a/orion-visor-ui/src/assets/style/global.less
+++ b/orion-visor-ui/src/assets/style/global.less
@@ -82,7 +82,7 @@ body {
   border-radius: 2px;
   cursor: pointer;
   border: 1px solid transparent;
-  transition: background-color 0.1s cubic-bezier(0, 0, 1, 1);
+  transition: background-color 0.15s cubic-bezier(0, 0, 1, 1);
 
   &:hover {
     background: var(--color-fill-3);
diff --git a/orion-visor-ui/src/assets/style/host-terminal-layout.less b/orion-visor-ui/src/assets/style/host-terminal-layout.less
index 076abde3..41df6880 100644
--- a/orion-visor-ui/src/assets/style/host-terminal-layout.less
+++ b/orion-visor-ui/src/assets/style/host-terminal-layout.less
@@ -20,6 +20,8 @@ body {
   --color-panel-text-2: var(--color-content-text-3);
   --color-panel-gradient-start: rgba(218, 218, 218, 1);
   --color-panel-gradient-end: rgba(218, 218, 218, 0);
+  --color-button-bg: #E3E3E3;
+  --color-button-bg-active: var(--color-sidebar-icon-checked);
   --search-bg-focus: rgba(234, 234, 234, .75);
   --search-bg: rgba(234, 234, 234, .95);
   --search-color-text: #0E0E0E;
@@ -52,6 +54,8 @@ body[terminal-theme='dark'] {
   --color-panel-text-2: var(--color-content-text-3);
   --color-panel-gradient-start: rgba(38, 38, 38, 1);
   --color-panel-gradient-end: rgba(38, 38, 38, 0);
+  --color-button-bg: var(--color-sidebar-icon-bg);
+  --color-button-bg-active: #484848;
   --search-bg: rgba(12, 12, 12, .75);
   --search-bg-focus: rgba(12, 12, 12, .95);
   --search-color-text: #E0E0E0;
@@ -508,7 +512,7 @@ body[terminal-theme='dark'] .arco-modal-container {
     color: var(--color-sidebar-icon);
     border-radius: 4px;
     border: 1px solid transparent;
-    transition: 0.1s cubic-bezier(0, 0, 1, 1);
+    transition: 0.15s cubic-bezier(0, 0, 1, 1);
     cursor: pointer;
 
     &:hover {
diff --git a/orion-visor-ui/src/views/host/terminal/components/layout/terminal-panel.vue b/orion-visor-ui/src/views/host/terminal/components/layout/terminal-panel.vue
index e7e73d4b..5d31bf94 100644
--- a/orion-visor-ui/src/views/host/terminal/components/layout/terminal-panel.vue
+++ b/orion-visor-ui/src/views/host/terminal/components/layout/terminal-panel.vue
@@ -3,7 +3,7 @@
     <!-- 终端 tab -->
     <a-tabs v-model:active-key="panel.active"
             :editable="true"
-            :auto-switch="true"
+            :auto-switch="false"
             :show-add-button="true"
             @add="openNewConnect"
             @tab-click="(k: string) => panel.clickTab(k)"
diff --git a/orion-visor-ui/src/views/host/terminal/components/ssh/ssh-view.vue b/orion-visor-ui/src/views/host/terminal/components/ssh/ssh-view.vue
index eb934ccf..fb308e1e 100644
--- a/orion-visor-ui/src/views/host/terminal/components/ssh/ssh-view.vue
+++ b/orion-visor-ui/src/views/host/terminal/components/ssh/ssh-view.vue
@@ -234,12 +234,23 @@
     }
 
     .status-bridge {
+      height: 100%;
       margin: 0 2px 0 8px;
+      display: flex;
+      align-items: center;
       user-select: none;
 
       :deep(.arco-badge-status-text) {
         width: 36px;
       }
+
+      &::before {
+        content: "";
+        height: 56%;
+        margin: 0 12px 0 6px;
+        border-left: 2px solid var(--color-fill-4);
+        border-radius: 2px;
+      }
     }
   }