Improve the clear filter button

louislam · Dec 5, 2022 · 8aa9763 · 8aa9763
1 parent ee1a56c
commit 8aa9763
Showing 1 changed file with 10 additions and 0 deletions.
diff --git a/src/components/MonitorList.vue b/src/components/MonitorList.vue
@@ -206,6 +206,16 @@ export default {
 .search-icon {
     padding: 10px;
     color: #c0c0c0;
+
+    // Clear filter button (X)
+    svg[data-icon="times"] {
+        cursor: pointer;
+        transition: all ease-in-out 0.1s;
+
+        &:hover {
+            color: white;
+        }
+    }
 }
 
 .search-input {