fix: Product แก้สถานะ

src/components/04_product-service/TotalProductCardComponent.vue

@@ -15,6 +15,7 @@ defineProps<{
   price?: number;
   process?: number;
   id?: string;
+  status?: boolean;
 }>();
 </script>
 
@@ -24,7 +25,7 @@ defineProps<{
     bordered
     style="box-shadow: var(--shadow-3); width: 240px; height: 286px"
   >
-    <div class="q-pa-sm">
+    <div class="q-pa-sm" :class="{ inactive: status }">
       <div class="row flex justify-between text-bold">
         <div class="col-9">{{ title ?? 'title' }}</div>
         <div class="col-3 relative-position" style="left: 10px; bottom: 10px">
@@ -168,4 +169,8 @@ defineProps<{
   </AppBox>
 </template>
 
-<style scoped></style>
+<style scoped>
+.inactive {
+  opacity: 0.4;
+}
+</style>