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

src/components/home/PersonCard.vue

@@ -84,7 +84,7 @@ defineEmits<{
                 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);
+   
   }
 }