perf: view tab color

jumpserver · Jul 8, 2024 · bb0f968 · bb0f968
1 parent c40770d
commit bb0f968
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 1 deletion.
diff --git a/src/app/elements/content/content-tab/content-tab.component.scss b/src/app/elements/content/content-tab/content-tab.component.scss
@@ -20,6 +20,16 @@ li {
   &.active {
     box-sizing: border-box;
     border-bottom: 2px solid var(--primary-color);
+
+    span {
+      color: var(--el-header-tab-icon-color);
+    }
+  }
+
+  &:hover {
+    span {
+      color: var(--el-header-tab-icon-color);
+    }
   }
 
   &.disconnected {
@@ -34,7 +44,7 @@ li {
     white-space: nowrap;
     font-size: 13px;
     cursor: default;
-    color: var(--el-header-tab-icon-color);
+    color: #cacaca;
 
     .view_icon {
       margin-right: 5px;

diff --git a/src/app/elements/content/content.component.scss b/src/app/elements/content/content.component.scss
@@ -16,6 +16,7 @@ $-border-y: var(--el-main-bg-color);
       font-size: 20px;
       color: var(--el-header-tab-icon-color);
       background-color: var(--el-header-tab-item-bg-color);
+      cursor: pointer;
 
       .right {
         padding-left: 5px;