From 15900cd523a5b894c06ff0534178a3acc4556320 Mon Sep 17 00:00:00 2001
From: Chenlei Hu <chenlei.hu@mail.utoronto.ca>
Date: Sat, 13 Jul 2024 08:58:48 -0400
Subject: [PATCH] Fix filter dialog color in light mode (#126)

---
 src/components/NodeSearchFilter.vue | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/components/NodeSearchFilter.vue b/src/components/NodeSearchFilter.vue
index d24eda101e..42b2e05e40 100644
--- a/src/components/NodeSearchFilter.vue
+++ b/src/components/NodeSearchFilter.vue
@@ -2,14 +2,14 @@
   <Button
     icon="pi pi-filter"
     severity="secondary"
-    class="filter-button"
+    class="_filter-button"
     @click="showModal"
   />
-  <Dialog v-model:visible="visible" class="dialog">
+  <Dialog v-model:visible="visible" class="_dialog">
     <template #header>
       <h3>Add node filter condition</h3>
     </template>
-    <div class="dialog-body">
+    <div class="_dialog-body">
       <SelectButton
         v-model="selectedFilter"
         :options="filters"
@@ -87,15 +87,15 @@ const showModal = () => {
 </script>
 
 <style scoped>
-.filter-button {
+._filter-button {
   z-index: 10;
 }
 
-.dialog {
+._dialog {
   @apply min-w-96;
 }
 
-.dialog-body {
+._dialog-body {
   @apply flex flex-col space-y-2;
 }
 </style>