Настроена работа чек боксов, добавлено popup окно активностей по клиенту, исправлены ошибки стилизации

src/pages/clients/components/ClientsTableRow.vue

@@ -1,8 +1,8 @@
 <template lang="pug">
   tr.row-client.text-ms.cursor-pointer(:id="id")
     td.py-5
-      .px-4.items-center
-        clients-table-checkbox
+      .px-4.items-center.w-fit
+        clients-table-checkbox(:is-check="isCheck" :check="check" :id="id")
     td.py-5
       .px-4.font-semibold {{fullName}}
     td.py-5
@@ -26,8 +26,8 @@
         span.meeting-time.text-xs.leading-5 {{meetingTime.time}}
     td.py-5
       .px-4
-        .relative.dots-button.icon-dots.text-center.cursor-pointer.leading-6
-          clients-action-popup
+        .relative.dots-button.icon-dots.text-center.cursor-pointer.leading-6(@click="openPopup")
+          clients-action-popup(v-if="isOpenPopup")
 </template>
 
 <script>
@@ -36,8 +36,15 @@ import ClientsTableCheckbox from "@/pages/clients/components/ClientsTableCheckbo
 export default {
   name: "ClientsTableRow",
   components: { ClientsTableCheckbox, ClientsActionPopup },
+  data() {
+    return {
+      isOpenPopup: false,
+    };
+  },
   props: {
     id: String,
+    check: Function,
+    isCheck: Boolean,
     fullName: String,
     age: String,
     jobTitle: String,
@@ -47,6 +54,11 @@ export default {
     networks: Array,
     meetingTime: Object,
   },
+  methods: {
+    openPopup() {
+      this.isOpenPopup = !this.isOpenPopup;
+    },
+  },
 };
 </script>
 
@@ -68,5 +80,5 @@ export default {
   color: var(--font-grey-color)
   &:hover
     background-color: var(--btn-blue-color)
-    color: var(--default-white)
+    color: var(--bg-white-color)
 </style>