trafficlunar/tomodachi-share
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

style: redesign 404 page

Browse source
This commit is contained in:
trafficlunar 2025-04-18 18:10:03 +01:00
parent ff13f85dee
commit eef495e809
1 changed files with 10 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

16
src/app/not-found.tsx
View file

@ -1,13 +1,17 @@
import Link from "next/link"; import Link from "next/link";
import { Icon } from "@iconify/react";
export default function NotFound() { export default function NotFound() {
return ( return (
<div className="flex flex-col items-center"> <div className="flex-grow flex items-center justify-center">
<h2 className="text-7xl font-black">404</h2> <div className="bg-amber-50 border-2 border-amber-500 rounded-2xl shadow-lg p-8 max-w-xs w-full text-center flex flex-col">
<p className="text-xl">Page not found</p> <h2 className="text-7xl font-black">404</h2>
<Link href="/" className="pill button mt-8"> <p>Page not found</p>
Return Home <Link href="/" className="pill button gap-1 mt-8 w-fit self-center">
</Link> <Icon icon="ic:round-home" fontSize={22} />
Return Home
</Link>
</div>
</div> </div>
); );
} }