feat: login styles
This commit is contained in:
@@ -5,7 +5,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.login_card {
|
.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 {
|
.login_card_name {
|
||||||
|
|||||||
@@ -16,15 +16,16 @@ const LoginPage: FunctionComponent = () => {
|
|||||||
<div class={classes.login_container}>
|
<div class={classes.login_container}>
|
||||||
<div class={classes.login_card}>
|
<div class={classes.login_card}>
|
||||||
<p class={classes.login_card_name}>Антихвост</p>
|
<p class={classes.login_card_name}>Антихвост</p>
|
||||||
<Input placeholder="Login" textAlign="center" />
|
<Input placeholder="Логин" textAlign="center" />
|
||||||
<Input isPassword placeholder="Password" textAlign="center" />
|
<Input isPassword placeholder="Пароль" textAlign="center" />
|
||||||
<Button
|
<Button
|
||||||
|
color="secondary"
|
||||||
onClick={() => {
|
onClick={() => {
|
||||||
isLoggedIn.value = true;
|
isLoggedIn.value = true;
|
||||||
route("/profile/tasks", true);
|
route("/profile/tasks", true);
|
||||||
}}
|
}}
|
||||||
>
|
>
|
||||||
Login
|
Войти
|
||||||
</Button>
|
</Button>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
Reference in New Issue
Block a user