From 59a59337af0493fa0d67454efda4f58d40fb1be6 Mon Sep 17 00:00:00 2001 From: Chuck Dries Date: Thu, 20 Oct 2022 21:47:27 -0700 Subject: [PATCH] nav design --- src/components/Nav.tsx | 153 ++++++++++++++++++++--------------------- 1 file changed, 76 insertions(+), 77 deletions(-) diff --git a/src/components/Nav.tsx b/src/components/Nav.tsx index 24783be..f256dcf 100644 --- a/src/components/Nav.tsx +++ b/src/components/Nav.tsx @@ -5,8 +5,72 @@ import useDimensions from "react-cool-dimensions"; import Menu from "@spectrum-icons/workflow/Menu"; +const navClasses = "hover:underline hover:bg-gray-900 block p-3 text-gray-200"; + +const ExternalLinks = ({ isVertical }: { isVertical: boolean }) => ( + +); + interface NavProps { - isClient?: boolean; className?: string; internalLinks: { href: string; @@ -14,27 +78,24 @@ interface NavProps { }[]; } -const Nav = ({ isClient, internalLinks, className }: NavProps) => { +const Nav = ({ internalLinks, className }: NavProps) => { const { observe, currentBreakpoint } = useDimensions({ breakpoints: { XS: 0, LG: 690 }, updateOnBreakpointChange: true, }); const [linksMenu, setLinksMenu] = useState(false); - const navClasses = classnames( - "hover:underline mx-2 md:mx-3 text-gray-200" - ); return (