feat: 404 page

This commit is contained in:
trafficlunar 2025-03-28 21:37:00 +00:00
parent d60eb5f34a
commit 599c59bb38
5 changed files with 23 additions and 15 deletions

View file

@ -5,7 +5,7 @@ import { Icon } from "@iconify/react";
export default function Header() {
return (
<div className="fixed w-full p-4 flex justify-between items-center bg-amber-50 border-b-4 border-amber-200 shadow-md">
<div className="fixed top-0 w-full p-4 flex justify-between items-center bg-amber-50 border-b-4 border-amber-200 shadow-md">
<Link href={"/"} className="font-black text-3xl tracking-wide text-orange-400">
TomodachiShare
</Link>
@ -14,26 +14,17 @@ export default function Header() {
<ul className="flex gap-3 items-center">
<li>
<Link
href={"/random"}
className="flex justify-center items-center p-1.5 bg-orange-300 border-2 border-orange-400 rounded-full shadow-md hover:bg-orange-400"
>
<Link href={"/random"} className="button !p-1.5">
<Icon icon="mdi:dice-3" fontSize={28} />
</Link>
</li>
<li>
<Link
href={"/submit"}
className="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"
>
<Link href={"/submit"} className="button">
Submit
</Link>
</li>
<li>
<Link
href={"/login"}
className="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"
>
<Link href={"/login"} className="button">
Login
</Link>
</li>