⚡ 优化按钮组件逻辑.

orion-visor-ui/src/assets/style/global.less

@@ -89,6 +89,12 @@ body {
   }
 }
 
+// -- icon-button
+.icon-button {
+  padding: 0;
+  font-size: 16px;
+}
+
 // -- element
 .split-line {
   border-color: rgb(var(--gray-2));
@@ -128,6 +134,117 @@ body {
   cursor: pointer;
 }
 
+.p0 {
+  padding: 0;
+}
+
+.px0 {
+  padding-left: 0;
+  padding-right: 0;
+}
+
+.py0 {
+  padding-top: 0;
+  padding-bottom: 0;
+}
+
+.px2 {
+  padding-left: 2px;
+  padding-right: 2px;
+}
+
+.px4 {
+  padding-left: 4px;
+  padding-right: 4px;
+}
+
+.pl4 {
+  padding-left: 4px;
+}
+
+.pr4 {
+  padding-right: 4px;
+}
+
+.pt4 {
+  padding-top: 4px;
+}
+
+.pb4 {
+  padding-bottom: 4px;
+}
+
+.px4 {
+  padding-left: 4px;
+  padding-right: 4px;
+}
+
+.py4 {
+  padding-top: 4px;
+  padding-bottom: 4px;
+}
+
+.pl8 {
+  padding-left: 8px;
+}
+
+.pr8 {
+  padding-right: 8px;
+}
+
+.pt8 {
+  padding-top: 8px;
+}
+
+.pb8 {
+  padding-bottom: 8px;
+}
+
+.px8 {
+  padding-left: 8px;
+  padding-right: 8px;
+}
+
+.py8 {
+  padding-top: 8px;
+  padding-bottom: 8px;
+}
+
+.pl12 {
+  padding-left: 12px;
+}
+
+.px12 {
+  padding-left: 12px;
+  padding-right: 12px;
+}
+
+.pl16 {
+  padding-left: 16px;
+}
+
+.pr16 {
+  padding-right: 16px;
+}
+
+.pt16 {
+  padding-top: 16px;
+}
+
+.pb16 {
+  padding-bottom: 16px;
+}
+
+.px16 {
+  padding-left: 16px;
+  padding-right: 16px;
+}
+
+.py16 {
+  padding-top: 16px;
+  padding-bottom: 16px;
+}
+
 .m0 {
   margin: 0;
 }
@@ -204,6 +321,10 @@ body {
   margin-bottom: 8px;
 }
 
+.ml12 {
+  margin-left: 12px;
+}
+
 .ml16 {
   margin-left: 16px;
 }

orion-visor-ui/src/assets/style/host-terminal-layout.less

@@ -505,13 +505,12 @@ body[terminal-theme='dark'] .arco-modal-container {
   .terminal-sidebar-icon {
     width: var(--sidebar-icon-size);
     height: var(--sidebar-icon-size);
-    font-size: var(--sidebar-icon-font-size);
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    color: var(--color-sidebar-icon);
-    border-radius: 4px;
+    padding: 0;
     border: 1px solid transparent;
+    border-radius: 4px;
+    background: transparent;
+    color: var(--color-sidebar-icon);
+    font-size: var(--sidebar-icon-font-size);
     transition: 0.15s cubic-bezier(0, 0, 1, 1);
     cursor: pointer;
 

orion-visor-ui/src/assets/style/layout.less

@@ -174,9 +174,15 @@
   }
 }
 
-.card-header-icon-wrapper {
-  height: 27px;
-  padding: 6px;
+.card-header-button {
+  height: 26px;
+  padding: 0 8px;
+  user-select: none;
+}
+
+.card-header-icon-button {
+  height: 26px;
+  width: 26px;
   user-select: none;
 }