Skip to content

Commit 253cc90

Browse files
committed
refactor: update NotFound component to use 8bit button and retro styles
1 parent 37b32a4 commit 253cc90

File tree

1 file changed

+4
-3
lines changed

1 file changed

+4
-3
lines changed

app/not-found.tsx

Lines changed: 4 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -2,15 +2,16 @@ import { Metadata } from "next";
22
import Image from "next/image";
33
import Link from "next/link";
44

5-
import { Button } from "@/components/ui/button";
5+
import { Button } from "@/components/ui/8bit/button";
6+
import "@/components/ui/8bit/styles/retro.css";
67

78
export const metadata: Metadata = {
89
title: "404 | 8bitcn/ui",
910
};
1011

1112
export default function NotFound() {
1213
return (
13-
<div className="grid h-screen w-full place-content-center gap-5 bg-background px-4 text-center">
14+
<div className="retro grid h-screen w-full place-content-center gap-5 bg-background px-4 text-center">
1415
<Image
1516
src={"/images/404/pixel-orc.webp"}
1617
width={300}
@@ -22,7 +23,7 @@ export default function NotFound() {
2223

2324
<p className="text-gray-500">You are lost.</p>
2425
<Link href={"/"}>
25-
<Button variant={"outline"}>Return to Home Page</Button>
26+
<Button>Return to Home Page</Button>
2627
</Link>
2728
</div>
2829
);

0 commit comments

Comments
 (0)