From 12901bd8f87e36456130681a73c74fddfe098637 Mon Sep 17 00:00:00 2001
From: lijiahangmax <ljh1553488six@139.com>
Date: Sun, 21 Jan 2024 21:01:24 +0800
Subject: [PATCH] =?UTF-8?q?style:=20=E4=BF=AE=E6=94=B9=E7=A7=BB=E5=85=A5?=
 =?UTF-8?q?=E6=A0=B7=E5=BC=8F.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../setting/terminal-right-menu-block.vue     | 33 ++++++++++++++-----
 1 file changed, 24 insertions(+), 9 deletions(-)

diff --git a/orion-ops-ui/src/views/host/terminal/components/setting/terminal-right-menu-block.vue b/orion-ops-ui/src/views/host/terminal/components/setting/terminal-right-menu-block.vue
index dbf7146b..9dbd3b93 100644
--- a/orion-ops-ui/src/views/host/terminal/components/setting/terminal-right-menu-block.vue
+++ b/orion-ops-ui/src/views/host/terminal/components/setting/terminal-right-menu-block.vue
@@ -17,6 +17,7 @@
         <div class="actions-wrapper">
           <a-row :gutter="[8, 8]">
             <a-col :span="12"
+                   class="action-item-wrapper"
                    v-for="(action, index) in ActionBarItems"
                    :key="index">
               <div class="action-item" @click="clickAction(action.item)">
@@ -116,18 +117,37 @@
 </script>
 
 <style lang="less" scoped>
+  @container-width: 418px;
+  @wrapper-margin-r: 32px;
+  @wrapper-width: (@container-width - @wrapper-margin-r) / 2px;
 
   .setting-body {
     display: flex;
   }
 
   .actions-container {
-    width: 418px;
+    width: @container-width;
     height: auto;
 
     .actions-wrapper {
+      width: @wrapper-width;
       padding-right: 8px;
-      margin-right: 32px;
+      margin-right: @wrapper-margin-r;
+    }
+
+    .action-item-wrapper {
+      transition: all 0.2s;
+      width: 185px;
+      border-radius: 4px;
+
+      &:hover {
+        width: 192px;
+        padding: 4px 0 !important;
+
+        .action-item{
+          background: var(--color-fill-3);
+        }
+      }
     }
 
     .action-item {
@@ -136,13 +156,8 @@
       align-items: center;
       cursor: pointer;
       border-radius: 4px;
-      background-color: var(--color-fill-2);
-      transition: transform 0.3s ease;
-      will-change: transform;
-
-      &:hover {
-        transform: scale(1.04);
-      }
+      width: inherit;
+      background: var(--color-fill-2);
     }
 
     .action-icon {