WIP Исправлены найденные baseInputs

src/pages/clients/components/FormCreateAddresses.vue

@@ -1,67 +1,52 @@
 <template lang="pug">
   .wrapper-addresses.flex.flex-col.flex-auto.h-full.gap-y-8.justify-between
     .flex.flex-col.gap-y-6.px-4
-      .flex.flex-col.col-start-1.col-end-3(class="gap-y-1.5")
-        span.text-sm.font-semibold Полный адрес
-        base-input.input-info(
-          v-model:value="addresses.full_address",
-          placeholder="Введите адрес целиком"
-        )
+      base-input.input-info(
+        v-model="addresses.full_address",
+        placeholder="Введите адрес целиком",
+        label="Полный адрес"
+      )
       .flex.items-center.justify-center.relative
         .line.absolute
         span.text-sm.separator.px-2 или
       .grid.grid-cols-2.gap-y-6.gap-x-4
-        .flex.flex-col(class="gap-y-1.5")
-          .text-info.text-xxs.font-semibold Город
-          base-input.input-info(
-            disabled,
-            placeholder="Введите город",
-            v-model:value="addresses.city",
-            :style="{backgroundColor: 'var(--bg-disable-grey-color)'}"
-          )
-        .flex.flex-col(class="gap-y-1.5")
-          span.text-sm.font-semibold Область
-          base-input.input-info(
-            disabled,
-            placeholder="Введите область",
-            v-model:value="addresses.region",
-
-            :style="{backgroundColor: 'var(--bg-disable-grey-color)'}"
-          )
-        .flex.flex-col(class="gap-y-1.5")
-          span.text-sm.font-semibold Улица
-          base-input.input-info(
-            disabled,
-            placeholder="Введите улицу",
-            v-model:value="addresses.street",
-
-            :style="{backgroundColor: 'var(--bg-disable-grey-color)'}"
-          )
-        .flex.flex-col(class="gap-y-1.5")
-          span.text-sm.font-semibold Дом
-          base-input.input-info(
-            disabled,
-            placeholder="Номер дома",
-            v-model:value="addresses.house_number",
-            :style="{backgroundColor: 'var(--bg-disable-grey-color)'}"
-          )
-        .flex.flex-col(class="gap-y-1.5")
-          span.text-sm.font-semibold Квартира
-          base-input.input-info(
-            disabled,
-            placeholder="Номер квартиры",
-            v-model:value="addresses.apartment_number",
-            :style="{backgroundColor: 'var(--bg-disable-grey-color)'}"
-          )
-        .flex.flex-col(class="gap-y-1.5")
-          span.text-sm.font-semibold Индекс
-          base-input.input-info(
-            disabled,
-            placeholder="000000",
-            v-mask="'######'",
-            v-model:value="addresses.zip_code",
-            :style="{backgroundColor: 'var(--bg-disable-grey-color)'}"
-          )
+        base-input.input-info(
+          disabled,
+          placeholder="Введите город",
+          v-model="addresses.city",
+          label="Город"
+        )
+        base-input.input-info(
+          disabled,
+          placeholder="Введите область",
+          v-model="addresses.region",
+          label="Область"
+        )
+        base-input.input-info(
+          disabled,
+          placeholder="Введите улицу",
+          v-model="addresses.street",
+          label="Введите улицу"
+        )
+        base-input.input-info(
+          disabled,
+          placeholder="Номер дома",
+          v-model="addresses.house_number",
+          label="Дом"
+        )
+        base-input.input-info(
+          disabled,
+          placeholder="Номер квартиры",
+          v-model="addresses.apartment_number",
+          label="Квартира"
+        )
+        base-input.input-info(
+          disabled,
+          placeholder="000000",
+          v-mask="'######'",
+          v-model="addresses.zip_code",
+          label="Индекс"
+        )
     .px-4
       base-button(@click="saveClient" :size="40")
         span.font-semibold Создать клиента