change multiselect color

2021-08-06 19:48:51 +08:00 · 2021-08-06 19:48:51 +08:00 · 5a6e5b7948
parent adcd251076
commit 5a6e5b7948
1 changed files with 16 additions and 1 deletions
--- a/src/pages/EditMonitor.vue
+++ b/src/pages/EditMonitor.vue
@ -244,14 +244,29 @@ export default {

 <style src="vue-multiselect/dist/vue-multiselect.css"></style>

-<style>
+<style lang="scss">
+    @import "../assets/vars.scss";
+
    .multiselect__tags {
        border-radius: 2rem;
        border: 1px solid #ced4da;
    }
+
    .multiselect--active .multiselect__tags {
        border-radius: 1rem;
    }
+
+    .multiselect__option--highlight {
+        background: $primary !important;
+    }
+
+    .multiselect__option--highlight::after {
+        background: $primary !important;
+    }
+
+    .multiselect__tag {
+        background: $primary !important;
+    }
 </style>

 <style scoped>