Improve the clear filter button

2 years ago · 8aa97635ec
parent ee1a56caae
commit 8aa97635ec
1 changed files with 10 additions and 0 deletions
--- 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 {