refactor: เปลี่ยนสี จุดออนไลน์

src/components/home/PersonCard.vue

@@ -77,14 +77,14 @@ defineEmits<{
           size="sm"
           @click.stop
         >
-          <q-menu class="bordered">
+          <q-menu  class="bordered">
             <q-list v-close-popup>
               <q-item
                 clickable
                 dense
                 class="row q-py-sm"
                 style="white-space: nowrap"
-                @click="$emit('enterCard', 'INFO')"
+                @click.stop="$emit('enterCard', 'INFO')"
               >
                 <q-icon
                   name="mdi-eye-outline"
@@ -234,15 +234,15 @@ defineEmits<{
   padding: var(--size-2);
 
   &.person-box__disabled {
-    opacity: 0.4;
+  
+    opacity: 0.7;
+    filter: grayscale(1);
 
     .status-circle {
       background-color: var(--surface-1);
     }
 
-    .locale {
-      filter: grayscale();
-    }
+  
   }
 
   &.person-box__no-detail {
@@ -309,6 +309,7 @@ defineEmits<{
     --_hover: hsl(var(--gender-male));
     cursor: pointer;
     box-shadow: var(--shadow-2);
+   
   }
 }