diff options
| author | 2023-04-18 03:02:17 +0800 | |
|---|---|---|
| committer | 2023-04-18 03:02:17 +0800 | |
| commit | 4919f028c884a041da7ff098abb02389b4eac598 (patch) | |
| tree | b0f482568c4b8c8a680ce6e2e70a7b7ca87dc190 /app/header.tsx | |
| parent | b135aac8531c1e1488147ad8c6f98eddbdbe0c99 (diff) | |
| download | HydroRoll-4919f028c884a041da7ff098abb02389b4eac598.tar.gz HydroRoll-4919f028c884a041da7ff098abb02389b4eac598.zip | |
✨add envshare docs
Diffstat (limited to 'app/header.tsx')
| -rw-r--r-- | app/header.tsx | 60 |
1 files changed, 0 insertions, 60 deletions
diff --git a/app/header.tsx b/app/header.tsx deleted file mode 100644 index 872459a..0000000 --- a/app/header.tsx +++ /dev/null @@ -1,60 +0,0 @@ -"use client"; -import React from "react"; -import Link from "next/link"; -import { usePathname } from "next/navigation"; - -const navigation = [ - { - name: "Share", - href: "/share", - }, - { - name: "Unseal", - href: "/unseal", - }, - - { - name: "Deploy", - href: "/deploy", - }, - { - name: "GitHub", - href: "https://github.com/chronark/envshare", - external: true, - }, -] satisfies { name: string; href: string; external?: boolean }[]; - -export const Header: React.FC = () => { - const pathname = usePathname(); - return ( - <header className="top-0 z-30 w-full px-4 sm:fixed backdrop-blur bh-zinc-900/50"> - <div className="container mx-auto"> - <div className="flex flex-col items-center justify-between gap-2 pt-6 sm:h-20 sm:flex-row sm:pt-0"> - <Link href="/" className="text-2xl font-semibold duration-150 text-zinc-100 hover:text-white"> - EnvShare - </Link> - {/* Desktop navigation */} - <nav className="flex items-center grow"> - <ul className="flex flex-wrap items-center justify-end gap-4 grow"> - {navigation.map((item) => ( - <li className="" key={item.href}> - <Link - className={`flex items-center px-3 py-2 duration-150 text-sm sm:text-base hover:text-zinc-50 - ${pathname === item.href ? "text-zinc-200" : "text-zinc-400"}`} - href={item.href} - target={item.external ? "_blank" : undefined} - rel={item.external ? "noopener noreferrer" : undefined} - > - {item.name} - </Link> - </li> - ))} - </ul> - </nav> - </div> - </div> - - {/* Fancy fading bottom border */} - </header> - ); -}; |
