WIP Переделала инпуты

src/pages/login/TheLogin.vue

@@ -11,29 +11,24 @@
           ) Войдите в аккаунт, чтобы начать пользоваться сервисом «Астра».
         .flex.flex-col.gap-y-5
           .flex.flex-col.gap-y-px
-            base-input.input(
-              :rule="[wrongData => !!wrongData]",
+            base-input.blue-color(
+              :rule="[wrongData => !!wrongData || 'Этого телефона нет в системе']",
               v-model="user.username",
               placeholder="+7 (915) 224–21–31",
               label="Номер телефона",
-              outlined,
-              no-error-icon
+              size="L"
             )
-            .red-color.text-smm.font-semibold(v-if="wrongData") Этого телефона нет в системе
           .flex.flex-col.gap-y-px
-            base-input.input(
-              :rule="[wrongData => !!wrongData]",
+            base-input.blue-color(
+              :rule="[wrongData => !!wrongData || 'Неверный пароль']",
               v-model="user.password",
               :type="changeType",
               placeholder="Введите ваш пароль",
               label="Пароль",
-              outlined,
-              no-error-icon
+              size="L"
             )
               .flex.items-center.cursor-pointer(@click="changeView", v-if="!wrongData && user.password")
-                img(:src="eye_close", v-if="!isView")
-                img(:src="eye_open", v-else)
-            .red-color.text-smm.font-semibold(v-if="wrongData") Неверный пароль
+                img(:src="!isView ? eye_close : eye_open")
           .flex.items-center.gap-x-8px.-ml-2
             q-checkbox(@click="persist", v-model="person", type="checkbox")
             .flex.non-italic.font-medium.base Запомнить меня
@@ -49,11 +44,11 @@
 
 <script>
 import { fetchWrapper } from "@/shared/fetchWrapper";
-import BaseInput from "@/components/base/BaseInput";
 import logoMark from "@/assets/images/logoMark.svg";
 import BaseButton from "@/components/base/BaseButton.vue";
 import eye_open from "@/assets/icons/eye_open.svg";
 import eye_close from "@/assets/icons/eye_close.svg";
+import BaseInput from "@/components/BaseInput.vue";
 
 export default {
   name: "TheLogin",
@@ -161,15 +156,6 @@ export default {
 .q-btn
   height: 48px
 
-.input :deep(.label)
-  opacity: 1
+.blue-color :deep(.label)
   color: var(--font-dark-blue-color)
-  line-height: 135%
-
-.input :deep(.q-field__control)
-  color: var(--font-dark-blue-color)
-  &:hover:before
-    border: 1px solid var(--font-dark-blue-color)
-  &:after
-    border-width: 1px !important
 </style>