Косметические правки

src/pages/clients/components/StepperCreateAgreement.vue

@@ -1,25 +1,32 @@
 <template lang="pug">
-  .wrap.flex.flex-col.gap-y-6
+  .flex.flex-col.gap-y-6
-    .flex.flex.flex-col.gap-y-9
+    .flex.flex-col.gap-y-6
       span.font-bold.text-xl Договор
+      .flex.self-center
         base-stepper(
           :steps="steps",
           :currentStep="currentStep"
         )      
       component(v-bind:is="currentTabComponent")     
-    .flex.gap-6
+    .flex.justify-between
-      .flex.flex-col.gap-2
+      .flex
         base-button(
             :size="40",
             @click="prevStep",
-            v-if="currentStep !== 0"
+            v-if="currentStep !== 0",
+            outlined,
           ) Назад
-      .flex.flex-col.gap-2
+      .flex
         base-button(
           :size="40",
           @click="nextStep",
-          v-if="currentStep < steps.length-1"
+          v-if="currentStep < steps.length-1",
         ) Далее
+        base-button(
+          :size="40",
+          @click="finish",
+          v-if="currentStep === steps.length-1"
+        ) Завершить
 </template>
 
 <script>
@@ -38,7 +45,6 @@ export default {
   },
   data() {
     return {
-      isService: true,
       currentStep: 0,
       steps: [
         {
@@ -53,6 +59,12 @@ export default {
           value: "Пациент",
           component: "agreement-person",
         },
+        {
+          id: 2,
+          label: "2",
+          value: "Пациент",
+          component: "agreement-person",
+        },
       ],
     };
   },
@@ -68,8 +80,7 @@ export default {
     prevStep() {
       this.currentStep -= 1;
     },
+    finish() {},
   },
 };
 </script>
-
-<style lang="sass" scoped></style>