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

src/components/base/BaseAddingNetwork.vue

@@ -2,7 +2,7 @@
   .flex.w-full(class="gap-x-1.5")
     .flex(:id="value.id" @click="(e) => saveNetworkId(e)")
       base-select-networks(:style-border="true" :list-data="listAddingNetworks" :option-data="selectedOption" :choose-option="chooseNetwork" :width-select="42")
-    base-input.w-full(v-model:value="value.username" placeholder="Ссылкa")
+    base-input.w-full(v-model="value.username", placeholder="Ссылкa")
 </template>
 
 <script>

src/components/base/BaseClientFormCreate.vue

@@ -38,7 +38,7 @@
                   img.avatar.object-cover(for="image-upload", :src="img", v-if="img")
                   base-button(:rounded="true", :size="48", @click="closeAddImage")
                     .icon-ok
-        base-input.w-full(v-model:value="infoClient.basic.full_name" placeholder="ФИО*")
+        base-input.w-full(v-model="infoClient.basic.full_name", placeholder="ФИО*")
     .flex.flex-col.flex-auto.l.gap-y-8
       .flex.px-4
         button.title-info.px-6.py-2.cursor-pointer.w-full.text-sm(

src/components/base/BaseCustomSelect.vue

@@ -1,6 +1,6 @@
 <template lang="pug">
   .flex.flex-col.gap-y-2
-    .label.font-semibold.text-xxs.opacity-40(v-if="label") {{ label }}
+    .label.font-semibold.text-sm.opacity-40(v-if="label") {{ label }}
     .base-select.flex.justify-between.items-center.py-9px.px-4.gap-4.cursor-pointer.relative(
       ref="select",
       @click="open = !open",
@@ -97,6 +97,7 @@ export default {
   border-radius: 4px
   background-color: white
   user-select: none
+  height: 40px
   &.open
     border: 1.5px solid #4772F2
 .items-container

src/components/base/BaseInput.vue

@@ -1,8 +1,9 @@
 <template lang="pug">
   .flex.flex-col.gap-y-2
-    .label.font-semibold.text-xxs.opacity-40(v-if="label") {{ label }}
+    .label.font-semibold.text-sm.opacity-40(v-if="label") {{ label }}
     .input-wrapper.flex.gap-x-2.px-4.box-border.py-10px(
       :class="{'border-none': borderNone}"
+      :style="{'background-color': disabled && 'var(--bg-disable-grey-color)'}"
     )
       input.input.w-full.outline-0.not-italic(
         v-model="value",
@@ -14,7 +15,6 @@
 </template>
 
 <script>
-//TODO: Переписать v-model:value, убрать лишнии пропсы, добавить label или вынести в отдельную компоненту
 export default {
   name: "BaseInput",
   props: {
@@ -60,6 +60,8 @@ export default {
   border: none
 .input
   background-color: inherit
+  &:disabled, &[disabled]
+    background-color: var(--bg-disable-grey-color)
 .label
   color: var(--font-black-color)
 </style>

src/components/base/BaseInputDate.vue

@@ -55,7 +55,7 @@ export default {
 
 .label
   font-weight: 600
-  font-size: 12px
-  line-height: 14px
+  font-size: 14px
+  line-height: 16px
   opacity: 0.4
 </style>

src/components/base/BaseInputTime.vue

@@ -1,6 +1,6 @@
 <template lang="pug">
   .flex.flex-col.gap-y-2
-    .label.font-semibold.text-xxs.opacity-40(v-if="label") {{ label }}
+    .label.font-semibold.text-sm.opacity-40(v-if="label") {{ label }}
     .input-wrapper.flex.gap-x-2.px-4.box-border.py-2.h-10
       input.input.w-full.outline-0.not-italic.cursor-text(
         v-model="value"