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

src/components/base/BaseInput.vue

@@ -2,13 +2,14 @@
   .flex.flex-col.gap-y-2
     .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}"
+      :class="{'border-none': borderNone, 'border-error': borderError }"
       :style="{'background-color': disabled && 'var(--bg-disable-grey-color)'}"
     )
       input.input.w-full.outline-0.not-italic(
         v-model="value",
         :placeholder="placeholder",
-        :disabled="disabled"
+        :disabled="disabled",
+        :type="type"
       )
       .slot(v-if="withIcon", :class="iconPosition")
         slot.cursor-pointer
@@ -18,6 +19,9 @@
 export default {
   name: "BaseInput",
   props: {
+    type: {
+      derault: "text",
+    },
     modelValue: String,
     withIcon: {
       default: false,
@@ -27,6 +31,7 @@ export default {
     },
     placeholder: String,
     borderNone: Boolean,
+    borderError: Boolean,
     disabled: Boolean,
     label: String,
   },
@@ -58,6 +63,8 @@ export default {
   height: 40px
 .border-none
   border: none
+.border-error
+  border-color: var(--border-red-color)
 .input
   background-color: inherit
   &:disabled, &[disabled]