WIP Удалены BaseButtons

src/pages/clients/components/cells/TableCellBodyNetworks.vue

@@ -10,16 +10,18 @@
           :id="network.kind",
           @click.stop="(e) => deleteNetwork(e)"
         )
-    .flex.relative.px-0.pl-0(class="pl-[46px]")
-      base-button(
+    .flex.relative
+      q-btn(
+        icon="add",
+        size="14px",
+        class="add-button"
         v-if="isOpenChange && settings.settings.length !== getNetworks.length",
         @click.stop="openPopupAdding",
-        :rounded="true",
-        :outlined="true",
-        :added="true",
-        :size="24"
+        round,
+        dense,
+        no-caps,
+        padding="1px"
       )
-        .icon-plus(class="pt-[2px]")
       base-popup.right-3.top-6.z-20(
         v-if="isOpenPopupAdding",
         @click.stop,
@@ -33,21 +35,24 @@
           :choose-network="chooseNetwork"
         )
         .w-fit
-          base-button(:size="40", @click="saveNetwork")
-            span.font-semibold Добавить
+          q-btn(
+            color="primary",
+            label="Добавить",
+            no-caps,
+            @click="saveNetwork",
+            padding="8px 24px"
+          )
 </template>
 
 <script>
 import BaseAddingNetwork from "@/components/base/BaseAddingNetwork";
 import BasePopup from "@/components/base/BasePopup";
-import BaseButton from "@/components/base/BaseButton";
 import { column } from "@/pages/clients/utils/tableConfig";
 export default {
   name: "TableCellBodyNetworks",
   components: {
     BasePopup,
     BaseAddingNetwork,
-    BaseButton,
   },
   props: {
     networks: {
@@ -116,9 +121,17 @@ export default {
   column-gap: 2px
 .icon
   color: var(--btn-blue-color)
+  &:last-child
+    padding-right: 46px
 .delete
   border-radius: 50%
   background-color: var(--btn-red-color)
   color: var(--default-white)
   font-size: 8px
+.add-button
+  border: 2px solid var(--btn-blue-color)
+  color: var(--btn-blue-color)
+  &:hover
+    background-color: var(--btn-blue-color)
+    color: var(--default-white)
 </style>