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

src/pages/clients/components/ClientsActionPopup.vue

@@ -1,14 +1,16 @@
 <template lang="pug">
-  .popup-wrapper.absolute.flex.flex-col.gap-y-3.w-10.h-10.right-2.top-5.p-4
-    .keep-redaction.flex.gap-x-3
-      .icon-edit.icon-redaction
-      span Редактировать
-    .keep-redaction.flex.gap-x-3
-      .icon-star.icon-redaction
-      span На ведение
-    .delete.flex.gap-x-3
-      .icon-basket
-      span Удалить
+  .flex.flex-col.items-end.absolute.right-2.top-5
+    .corner
+    .popup-wrapper.flex.flex-col.gap-y-3.w-10.h-10.p-4
+      .button.keep-redaction.flex.gap-x-3
+        .icon-edit.icon-redaction
+        span Редактировать
+      .button.keep-redaction.flex.gap-x-3
+        img(src="@/assets/icons/star.svg" alt="Star")
+        span На ведение
+      .button.delete.flex.gap-x-3
+        img(src="@/assets/icons/basket.svg" alt="Basket")
+        span Удалить
 </template>
 
 <script>
@@ -20,14 +22,25 @@ export default {
 <style lang="sass" scoped>
 .popup-wrapper
   width: 180px
-  height: 136px
+  height: 128px
   border-radius: 4px 0 4px 4px
-  background-color: var(--default-white)
+  background-color: var(--bg-white-color)
   box-shadow: var(--default-shadow)
+  z-index: 1
 .keep-redaction
   color: var(--font-dark-blue-color)
 .icon-redaction
   color: var(--btn-blue-color)
 .delete
   color: var(--btn-red-color)
+.button
+  &:hover
+    opacity: 0.7
+.corner
+  width: 8px
+  height: 8px
+  border-top-left-radius: 100%
+  background-color: var(--bg-white-color)
+  z-index: 2
+  overflow: hidden
 </style>