Perf: Optimism Interactive Effect

jumpserver · Jan 21, 2025 · 71ab142 · 71ab142
1 parent 3218333
commit 71ab142
Showing 1 changed file with 10 additions and 0 deletions.
diff --git a/src/views/dashboard/Pam/SummaryChart.vue b/src/views/dashboard/Pam/SummaryChart.vue
@@ -134,6 +134,7 @@ $text-color: #646A73;
       flex-direction: column;
       gap: 0.3rem;
       flex: 1;
+      transition: all 0.3s ease-in-out;
 
       .metric-label {
         color: #646A73;
@@ -148,6 +149,15 @@ $text-color: #646A73;
         font-size: 1.5rem;
         font-weight: 500;
       }
+
+      &:hover {
+        cursor: pointer;
+        transform: translateY(-0.2rem);
+
+        .metric-value {
+          color: #1ab394;
+        }
+      }
     }
   }
 }