Фикс стилей

src/pages/login/TheLogin.vue

@@ -7,7 +7,7 @@
         .flex.flex-col.gap-y-2
           .flex.not-italic.font-bold.text-5xl.letter-spacing Добро пожаловать!
           .flex.not-italic.font-medium.text-base(
-            :style="{color: this.underTextColor}"
+            :style="{color: 'var(--font-grey-color)'}"
           ) Войдите в аккаунт, чтобы начать пользоваться сервисом «Астра».
         .flex.flex-col.gap-y-5
           .flex.flex-col.gap-y-px
@@ -40,8 +40,8 @@
         base-button(
           :disable="disabledButton",
           label="Войти в аккаунт",
-          color="primary",
+          size="L",
-          no-caps
+          @click="login",
         )
       .absolute.left-12.bottom-12.text-smm.font-medium 2023 © Астра
     .right-col.flex.items-center.justify-center.relative
@@ -51,13 +51,15 @@
 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";
 
 export default {
   name: "TheLogin",
   components: { BaseInput, BaseButton },
   data() {
     return {
-      underTextColor: "var(--font-grey-color)",
       isView: false,
       logoMark,
       eye_close,