WIP Удалены BaseButtons

src/pages/clients/components/ClientsTableRow.vue

@@ -12,18 +12,12 @@
         :class="{'row-overlay-color': rowOverlay}"
       )
         .dots-wrapper.flex.items-center.px-2
-          //.relative.dots-button.icon-dots.cursor-pointer.leading-6.text-center(
-            v-show="!isOpenChange && !rowOverlay",
-            :tabindex="1",
-            @click="(e) => openPopup(e)",
-            @blur="handleUnFocusPopup"
-          //)
           q-btn(
             icon="app:icon-dots",
             size="12px",
             class="dots-button",
             @click.stop,
-            v-show="!isOpenChange && !rowOverlay",
+            v-if="!isOpenChange && !rowOverlay",
             round,
             dense,
             no-caps,
@@ -35,17 +29,17 @@
               @delete-client="transmitDeleteClient",
               :create-medical-card="transmitMedicalCard"
             )
-          .flex.z-10(
+          q-btn(
+            icon="app:icon-ok",
+            size="8px",
+            class="ok-button",
             v-if="isOpenChange && !rowOverlay",
+            @click="closeChangeData",
+            round,
+            dense,
+            no-caps,
+            padding="4px 3px 2px 3px"
           )
-            base-button(
-              @click="closeChangeData",
-              confirm,
-              rounded,
-              outlined,
-              :size="20"
-            )
-              .icon-ok.text-xsm(class="pt-[3px]")
         //- .check-box.flex.justify-center.items-center(
         //-   :class="{'row-opacity': rowOverlay}"
         //- )
@@ -134,7 +128,6 @@ import TableCellBodyName from "@/pages/clients/components/cells/TableCellBodyNam
 import ClientsActionPopup from "@/pages/clients/components/ClientsActionPopup";
 import ClientsTableCheckbox from "@/pages/clients/components/ClientsTableCheckbox";
 import ClientDetailInfoWrapper from "@/pages/clients/components/ClientDetailInfoWrapper";
-import BaseButton from "@/components/base/BaseButton";
 import { fetchWrapper } from "@/shared/fetchWrapper";
 import { column } from "@/pages/clients/utils/tableConfig";
 import TheNotificationProvider from "@/components/Notifications/TheNotificationProvider";
@@ -144,7 +137,6 @@ import * as moment from "moment";
 export default {
   name: "ClientsTableRow",
   components: {
-    BaseButton,
     ClientsTableCheckbox,
     ClientsActionPopup,
     TableCellBodyName,
@@ -777,6 +769,16 @@ export default {
   &:hover
     background-color: var(--btn-blue-color)
     color: var(--default-white)
+.ok-button
+  color: var(--btn-blue-color)
+  border: 2px solid var(--btn-blue-color)
+  &:hover
+    background-color: var(--btn-blue-color)
+    color: var(--default-white)
+  &:active
+    background-color: var(--btn-light-green-color)
+    color: var(--btn-green-color)
+    border-color: var(--btn-light-green-color)
 .row-opacity
   opacity: 0.5
 .row-overlay