WIP Удалены BaseButtons

src/pages/clients/components/ClientDetailInfoSection.vue

@@ -5,30 +5,40 @@
     .section-header.flex.items-center.justify-between.pl-4.pr-3(:class="{small:settings[section].rowFlex}")
       span.text-sm.font-semibold.whitespace-nowrap {{settings[section]?.title}}
       .flex.items-center.gap-x-8
-        base-button(
+        q-btn(
           v-if="isChange && (this.isData || this.isAddress || this.isAttachments || this.isNotes)",
           @click.stop="changeDoc",
-          confirm,
-          rounded,
-          outlined,
-          :size="20"
+          icon="app:icon-ok",
+          size="8px",
+          class="ok-button",
+          round,
+          dense,
+          no-caps,
+          padding="4px 3px 2px 3px"
         )
-          .icon-ok.text-xsm(class="pt-[3px]")
-        .edit.cursor-pointer(
+        q-btn(
           v-if="!isChange && (this.isData || this.isAddress || this.isAttachments || this.isNotes)",
-          @click="changeClientData"
+          @click="changeClientData",
+          icon="app:icon-edit",
+          size="12px",
+          color="primary",
+          flat,
+          round,
+          dense,
+          no-caps,
+          padding="4px 3px 2px 3px"
         )
-          .icon-edit.text-base.mt-2px
         .flex.relative
-          base-button(
+          q-btn(
+            icon="add",
+            size="16px",
+            class="add-button",
             v-if="settings[section].addFile",
             @click="openAddingWrap",
-            :rounded="true",
-            :outlined="true",
-            :added="true",
-            :size="20"
+            round,
+            no-caps,
+            padding="0px"
           )
-            .icon-plus.text-sm(class="pt-[2px]")
           base-popup.right-3.top-5(
             v-if="section === 'docs' && isOpenAddingWrap",
             v-click-outside="closePopup",
@@ -53,7 +63,7 @@
               :close-modal="changeShowModal",
               v-click-outside="closeAddDocs"
             )
-            //-- table-create-package-doc(v-if="isOpenPackage")
+            //table-create-package-doc(v-if="isOpenPackage")
             stepper-create-agreement(v-if="isOpenPackage")
 
           base-popup.right-3.top-5(
@@ -173,7 +183,6 @@
 <script>
 //TODO: Разбить на несколько компонент
 import ClientDetailInput from "@/pages/clients/components/ClientDetailInput";
-import BaseButton from "@/components/base/BaseButton";
 import TableAddingNewDoc from "@/pages/clients/components/TableAddingNewDoc";
 import TableAddingNewAdditional from "@/pages/clients/components/TableAddingNewAdditional";
 import TableCreatePackageDoc from "@/pages/clients/components/TableCreatePackageDoc";
@@ -194,7 +203,6 @@ import StepperCreateAgreement from "./StepperCreateAgreement";
 export default {
   name: "ClientDetailInfoSection",
   components: {
-    BaseButton,
     BaseInput,
     BasePopup,
     BaseModal,
@@ -525,4 +533,27 @@ export default {
   width: 38px
   z-index: 1
   background: var(--light-grey-bg-color)
+
+.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)
+
+.add-button
+  width: 20px
+  height: 20px
+  display: flex
+  justify-content: center
+  align-items: center
+  border: 2px solid var(--btn-blue-color)
+  color: var(--btn-blue-color)
+  &:hover
+    background-color: var(--btn-blue-color)
+    color: var(--default-white)
 </style>