From 599c59bb387d0c5d12a619a5f7f31f1825e75f16 Mon Sep 17 00:00:00 2001 From: trafficlunar Date: Fri, 28 Mar 2025 21:37:00 +0000 Subject: [PATCH] feat: 404 page --- src/app/components/header.tsx | 17 ++++------------- src/app/globals.css | 4 ++++ src/app/layout.tsx | 2 +- src/app/not-found.tsx | 13 +++++++++++++ src/app/page.tsx | 2 +- 5 files changed, 23 insertions(+), 15 deletions(-) create mode 100644 src/app/not-found.tsx diff --git a/src/app/components/header.tsx b/src/app/components/header.tsx index cc79255..41f351e 100644 --- a/src/app/components/header.tsx +++ b/src/app/components/header.tsx @@ -5,7 +5,7 @@ import { Icon } from "@iconify/react"; export default function Header() { return ( -
+
TomodachiShare @@ -14,26 +14,17 @@ export default function Header() {
  • - +
  • - + Submit
  • - + Login
    • diff --git a/src/app/globals.css b/src/app/globals.css index 9cbd15d..111c5bf 100644 --- a/src/app/globals.css +++ b/src/app/globals.css @@ -11,3 +11,7 @@ body { background-position: 0 0, 10px 10px; background-size: 20px 20px; } + +.button { + @apply flex justify-center items-center px-5 py-2 bg-orange-300 border-2 border-orange-400 rounded-full shadow-md hover:bg-orange-400; +} diff --git a/src/app/layout.tsx b/src/app/layout.tsx index 011ff20..7cbef6f 100644 --- a/src/app/layout.tsx +++ b/src/app/layout.tsx @@ -20,7 +20,7 @@ export default function RootLayout({ }>) { return ( - +
    {children} diff --git a/src/app/not-found.tsx b/src/app/not-found.tsx new file mode 100644 index 0000000..6c6bd67 --- /dev/null +++ b/src/app/not-found.tsx @@ -0,0 +1,13 @@ +import Link from "next/link"; + +export default function NotFound() { + return ( +
    +

    404

    +

    Page not found

    + + Return Home + +
    + ); +} diff --git a/src/app/page.tsx b/src/app/page.tsx index c5deecf..dc83540 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -1,6 +1,6 @@ export default function Page() { return ( -
    +
    {[...Array(3)].map(() => (
    mii