34 lines
895 B
TypeScript
34 lines
895 B
TypeScript
import Link from "next/link";
|
|
import Image from "next/image";
|
|
|
|
function MyLink({ href, label }: { href: string; label: string }) {
|
|
return (
|
|
<Link className="font-bold" href={href}>
|
|
{label}
|
|
</Link>
|
|
);
|
|
}
|
|
export function Navbar() {
|
|
return (
|
|
<div className="flex justify-between items-center w-full h-16 px-8 bg-[#35786f] text-white">
|
|
<Link href={"/"} className="text-xl flex">
|
|
<Image
|
|
src={"/favicon.ico"}
|
|
alt="logo"
|
|
width="32"
|
|
height="32"
|
|
className="rounded-4xl"
|
|
></Image>
|
|
<span className="font-bold">学语言</span>
|
|
</Link>
|
|
<div className="flex gap-4 text-xl">
|
|
<MyLink href="/changelog.txt" label="关于"></MyLink>
|
|
<MyLink
|
|
href="https://github.com/GoddoNebianU/learn-languages"
|
|
label="源码"
|
|
></MyLink>
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|