diff options
| author | nsfisis <nsfisis@gmail.com> | 2025-12-03 03:51:29 +0900 |
|---|---|---|
| committer | nsfisis <nsfisis@gmail.com> | 2025-12-04 23:27:28 +0900 |
| commit | 58d132139ba8d5fa17c8681a0275047ce4cca809 (patch) | |
| tree | 7dd18f5de496483b7d318e12e43379a51f3a6056 /frontend/src/pages/NotFound.tsx | |
| parent | aac4e9ccdebe52c156506d1899d5a38e99366f69 (diff) | |
| download | feedaka-58d132139ba8d5fa17c8681a0275047ce4cca809.tar.gz feedaka-58d132139ba8d5fa17c8681a0275047ce4cca809.tar.zst feedaka-58d132139ba8d5fa17c8681a0275047ce4cca809.zip | |
feat(frontend): design update
Diffstat (limited to 'frontend/src/pages/NotFound.tsx')
| -rw-r--r-- | frontend/src/pages/NotFound.tsx | 16 |
1 files changed, 13 insertions, 3 deletions
diff --git a/frontend/src/pages/NotFound.tsx b/frontend/src/pages/NotFound.tsx index 23c1184..adc782b 100644 --- a/frontend/src/pages/NotFound.tsx +++ b/frontend/src/pages/NotFound.tsx @@ -1,14 +1,24 @@ +import { Link } from "wouter"; + export function NotFound() { return ( <div className="flex min-h-96 flex-col items-center justify-center"> <div className="text-center"> - <h1 className="text-6xl font-bold text-gray-900">404</h1> - <h2 className="mt-4 text-2xl font-semibold text-gray-700"> + <h1 className="text-6xl font-semibold tracking-tight text-stone-900"> + 404 + </h1> + <h2 className="mt-4 text-xl font-medium text-stone-700"> Page Not Found </h2> - <p className="mt-2 text-gray-500"> + <p className="mt-2 text-sm text-stone-400"> The page you're looking for doesn't exist. </p> + <Link + href="/" + className="mt-6 inline-block rounded-lg bg-sky-600 px-5 py-2.5 text-sm font-medium text-white transition-all duration-200 hover:bg-sky-700" + > + Go back home + </Link> </div> </div> ); |