Add sign in layout
This commit is contained in:
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 |
@@ -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;
|
||||
Reference in new issue
Block a user