Add sign in layout

This commit is contained in:
anime committed 2024-08-20 16:48:11 +06:00
1 parent c5c462f420
commit 769ea33a46
8 files changed
+180 -3

No files matched your search

@@ -0,0 +1,14 @@
<svg width="24.000000" height="24.000000" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<desc>
Created with Pixso.
</desc>
<defs>
<clipPath id="clip51_17162">
<rect id="log-in-04" width="24.000000" height="24.000000" fill="white" fill-opacity="0"/>
</clipPath>
</defs>
<rect id="log-in-04" width="24.000000" height="24.000000" fill="#FFFFFF" fill-opacity="0"/>
<g clip-path="url(#clip51_17162)">
<path id="Icon" d="M12 8L16 12L12 16M3 12L16 12M3.33789 7C5.06641 4.01074 8.29883 2 12 2C17.5225 2 22 6.47754 22 12C22 17.5225 17.5225 22 12 22C8.29883 22 5.06641 19.9893 3.33789 17" stroke="#000000" stroke-opacity="1.000000" stroke-width="2.000000" stroke-linejoin="round"/>
</g>
</svg>

After

Width:  |  Height:  |  Size: 768 B

+38
View File
@@ -0,0 +1,38 @@
import Image from "next/image";
import sign_in_icon from "./icons/sign-in_icon.svg";
import { Link } from "@/shared/config/navigation";
import { Container } from "@/shared/ui";
import SignInForm from "@/widgets/forms/SignInForm";
const SignIn = () => {
return (
<Container>
<div className="h-full min-h-[800px] w-full flex justify-center">
<div className="flex flex-col items-center gap-6">
<div className="w-[48px] h-[48px] flex items-center justify-center rounded-sm border">
<Image src={sign_in_icon} alt="Sign In Icon" />
</div>
<div className="mb-2 flex flex-col items-center gap-2 text-center">
<h2 className="text-[24px] font-bold leading-8 text-gray-900">
Войдите в аккаунт
</h2>
<p className="text-gray-500">Пожалуйста, введите свои данные</p>
</div>
<SignInForm />
<p className="text-[14px] font-semibold leading-5 text-gray-500">
Еще нет аккаунта?{" "}
<Link
className="text-[14px] font-semibold leading-5 text-light-blue"
href="/sign-up"
>
Зарегистрируйтесь
</Link>
</p>
</div>
</div>
</Container>
);
};
export default SignIn;