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

Change font, add meta title/desc to 404 page

Browse Source
This commit is contained in:
Aaron William Po
2023-02-20 22:57:00 -05:00
parent 8836d1fc9b
commit 6f604b9768
9 changed files with 68 additions and 28 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
pages/404.tsx
View File

@@ -2,10 +2,15 @@
import Layout from '@/components/ui/Layout';
import { NextPage } from 'next';
import Head from 'next/head';
const NotFound: NextPage = () => {
return (
<Layout>
<Head>
<title>404 Page Not Found</title>
<meta name="description" content="404 Page Not Found" />
</Head>
<div className="flex h-full flex-col items-center justify-center space-y-4">
<h1 className="text-7xl font-bold">Error: 404</h1>
<h2 className="text-xl font-bold">Page Not Found</h2>

2
pages/beers/[id].tsx
View File

@@ -106,7 +106,7 @@ const BeerByIdPage: NextPage<BeerPageProps> = ({
Next Comments
</Link>
<Link
className={`btn-outline btn ${
className={`btn btn-outline ${
commentsPageNum === commentsPageCount
? 'btn-disabled pointer-events-none'
: 'pointer-events-auto'

18
pages/login/index.tsx
View File

@@ -8,6 +8,7 @@ import Image from 'next/image';
import { FaUserCircle } from 'react-icons/fa';
import Head from 'next/head';
import Link from 'next/link';
const LoginPage: NextPage = () => {
const { user } = useUser();
@@ -38,14 +39,23 @@ const LoginPage: NextPage = () => {
className="h-full w-full object-cover"
/>
</div>
<div className="flex h-full w-full flex-col items-center space-y-5 bg-base-300 lg:w-[40%]">
<div className="mt-44 w-9/12">
<div className="flex h-full w-full flex-col items-center justify-center bg-base-300 lg:w-[40%]">
<div className="w-10/12 space-y-5 sm: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>
<div className="mt-10">
<LoginForm />
<LoginForm />
<div className="mt-3 flex flex-col items-center space-y-1">
<Link href="/register" className="text-primary-500 link-hover link italic">
Don&apos;t have an account?
</Link>
<Link
href="/reset-password"
className="text-primary-500 link-hover link italic"
>
Forgot password?
</Link>
</div>
</div>
</div>