Add click switch to Indicator

2023-09-22 17:02:15 +08:00
parent 970f70d470
commit f744748a85
3 changed files with 19 additions and 3 deletions
--- a/src/assets/css/components/common/indicator.scss
+++ b/src/assets/css/components/common/indicator.scss
@@ -9,6 +9,7 @@

  .item {
    flex: auto;
+    cursor: pointer;

    .dot {
      width: 10px;
@@ -19,10 +20,15 @@
        color: constants.$font-secondary-color;
        style: solid;
      };
+      transition: all .2s;
+    }
+
+    :hover {
+      background-color: constants.$focus-color;
    }
  }

-  .active>* {
-    background-color: constants.$font-secondary-color;
+  .active > * {
+    background-color: constants.$font-secondary-color !important;
  }
 }