From 2e908d01f1e462967238c867b696c0cc19f9052d Mon Sep 17 00:00:00 2001
From: Sergey Elpashev <elpashevs@bk.ru>
Date: Mon, 14 Apr 2025 20:45:07 +0300
Subject: [PATCH] feat: login styles

---
 src/pages/login.module.scss | 2 +-
 src/pages/login.tsx         | 7 ++++---
 2 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/src/pages/login.module.scss b/src/pages/login.module.scss
index 52aeb2b..dd7263c 100644
--- a/src/pages/login.module.scss
+++ b/src/pages/login.module.scss
@@ -5,7 +5,7 @@
 }
 
 .login_card {
-  @apply flex w-[95%] min-w-[300px] flex-col justify-center gap-2 rounded-md border-gray-400 p-5 shadow-md md:w-[350px];
+  @apply flex min-h-[50vh] w-[95%] min-w-[300px] flex-col justify-around gap-2 rounded-[103px] bg-[linear-gradient(180.00deg,_rgba(239,251,194,0.53),rgb(206,232,251)_100%)] p-7 shadow-[0px_4px_4px_0px_rgba(0,0,0,0.25)] md:w-[350px];
 }
 
 .login_card_name {
diff --git a/src/pages/login.tsx b/src/pages/login.tsx
index cff9bb0..0375a2d 100644
--- a/src/pages/login.tsx
+++ b/src/pages/login.tsx
@@ -16,15 +16,16 @@ const LoginPage: FunctionComponent = () => {
     <div class={classes.login_container}>
       <div class={classes.login_card}>
         <p class={classes.login_card_name}>Антихвост</p>
-        <Input placeholder="Login" textAlign="center" />
-        <Input isPassword placeholder="Password" textAlign="center" />
+        <Input placeholder="Логин" textAlign="center" />
+        <Input isPassword placeholder="Пароль" textAlign="center" />
         <Button
+          color="secondary"
           onClick={() => {
             isLoggedIn.value = true;
             route("/profile/tasks", true);
           }}
         >
-          Login
+          Войти
         </Button>
       </div>
     </div>