31 lines
1.3 KiB
TypeScript
31 lines
1.3 KiB
TypeScript
import Image from "next/image";
|
|
|
|
const phoenixUrl = process.env.PHOENIX_SERVER_URL;
|
|
|
|
export default function Header() {
|
|
return (
|
|
<div className="z-10 max-w-5xl w-full items-center justify-between font-mono text-sm lg:flex">
|
|
<p className="fixed left-0 top-0 flex w-full justify-center border-b border-gray-300 bg-gradient-to-b from-zinc-200 pb-6 pt-8 backdrop-blur-2xl dark:border-neutral-800 dark:bg-zinc-800/30 dark:from-inherit lg:static lg:w-auto lg:rounded-xl lg:border lg:bg-gray-200 lg:p-4 lg:dark:bg-zinc-800/30">
|
|
<code className="font-mono font-bold"><a href="javascript:location.reload();">清空当前会话</a></code>
|
|
</p>
|
|
<div className="fixed bottom-0 left-0 mb-4 flex h-auto w-full items-end justify-center bg-gradient-to-t from-white via-white dark:from-black dark:via-black lg:static lg:w-auto lg:bg-none lg:mb-0">
|
|
<a
|
|
href={phoenixUrl}
|
|
target="_blank"
|
|
className="flex items-center justify-center font-nunito text-lg font-bold gap-2"
|
|
>
|
|
<code className="font-mono font-bold">打开监控平台</code>
|
|
<Image
|
|
className="rounded-xl"
|
|
src="/llama.png"
|
|
alt="Llama Logo"
|
|
width={40}
|
|
height={40}
|
|
priority
|
|
/>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|