AaronPo/the-biergarten-app
1
0
Fork 0
mirror of https://github.com/aaronpo97/the-biergarten-app.git synced 2026-02-16 10:42:08 +00:00
Code Issues Packages Projects 1 Releases Wiki Activity

Add comments pagination, login and register pages

Browse Source
This commit is contained in:
Aaron William Po
2023-02-13 10:56:09 -05:00
parent 912008e68d
commit 80261a713b
16 changed files with 422 additions and 69 deletions
Download Patch File Download Diff File Expand all files Collapse all files

29
pages/login/index.tsx
View File

@@ -4,6 +4,10 @@ import { useRouter } from 'next/router';
import Layout from '@/components/ui/Layout';
import useUser from '@/hooks/useUser';
import LoginForm from '@/components/Login/LoginForm';
import Image from 'next/image';
import { FaUserCircle } from 'react-icons/fa';
import Head from 'next/head';
const LoginPage: NextPage = () => {
const { user } = useUser();
@@ -19,12 +23,29 @@ const LoginPage: NextPage = () => {
return (
<Layout>
<Head>
<title>Login</title>
<meta name="description" content="Login to your account" />
</Head>
<div className="flex h-full flex-row">
<div className="flex h-full w-[40%] flex-col items-center justify-center bg-base-100">
<h1>Login</h1>
<div className="flex h-full w-[60%] flex-col items-center justify-center bg-base-100">
<Image
src="https://picsum.photos/1040/1080"
alt="Login Image"
width={4920}
height={4080}
className="h-full w-full object-cover"
/>
</div>
<div className="flex h-full w-[60%] flex-col items-center justify-center bg-base-300">
<LoginForm />
<div className="flex h-full w-[40%] flex-col items-center space-y-5 bg-base-300">
<div className="mt-44 w-9/12">
<div className="flex flex-col items-center space-y-2">
<FaUserCircle className="text-3xl" />
<h1 className="text-4xl font-bold">Login</h1>
</div>
<LoginForm />
</div>
</div>
</div>
</Layout>