v.korobtsev/next-enterprise
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

header fix

Browse source
This commit is contained in:
isaconantonis 2023-08-25 16:47:43 +02:00
parent 03d73c824c
commit 5ce43d0ee3
2 changed files with 47 additions and 48 deletions
Download patch file Download diff file Expand all files Collapse all files

91
components/Navbar/Navbar.tsx
View file

@ -42,51 +42,50 @@ export default function Nav() {
]
return (
<Navbar
className="bg-primary-800 text-primary-50"
isMenuOpen={isMenuOpen || false}
onMenuOpenChange={setIsMenuOpen}
>
<NavbarMenuToggle className="flex gap-4 md:hidden" />
<NavbarMenu>
{menuItems.map((item) => (
<NavbarMenuItem key={item.href}>
<Link
href={item.href}
aria-current={item.current ? "page" : undefined}
onClick={() => setIsMenuOpen(false)}
>
{item.label}
</Link>
</NavbarMenuItem>
))}
</NavbarMenu>
<NavbarBrand>
<Image src="/Isacon logo RGB_1.png" alt="Isacon" width={40} height={40} />
</NavbarBrand>
<NavbarContent className="hidden gap-4 md:flex" justify="center">
{menuItems.map((item) => (
<NavbarItem key={item.href} isActive={item.current}>
<Link
className={item.current ? "border-b-2 border-b-primary-50" : ""}
href={item.href}
aria-current={item.current ? "page" : undefined}
>
{item.label}
</Link>
</NavbarItem>
))}
</NavbarContent>
<NavbarContent justify="end">
<NavbarItem className="hidden lg:flex">
<Link href="#">Login</Link>
</NavbarItem>
<NavbarItem>
<Button color="primary" href="#" variant="flat">
Sign Up
</Button>
</NavbarItem>
</NavbarContent>
</Navbar>
<>
<Navbar
className={`relative ${
isMenuOpen ? "" : "rounded-b-full"
} bg-primary-800 text-primary-50 shadow-sm shadow-primary-600 sm:rounded-b-none`}
isMenuOpen={isMenuOpen || false}
onMenuOpenChange={setIsMenuOpen}
>
<NavbarMenuToggle className="absolute left-8 flex md:hidden" />
<NavbarMenu>
{menuItems.map((item) => (
<NavbarMenuItem key={item.href}>
<Link
href={item.href}
aria-current={item.current ? "page" : undefined}
onClick={() => setIsMenuOpen(false)}
>
{item.label}
</Link>
</NavbarMenuItem>
))}
</NavbarMenu>
<NavbarBrand className="hidden md:flex">
<Image src="/Isacon logo RGB_1.png" alt="Isacon" width={50} height={50} />
</NavbarBrand>
<NavbarContent className="w-full md:hidden" justify="center">
<NavbarBrand className="justify-center md:hidden">
<Image src="/Isacon logo RGB_1.png" alt="Isacon" width={50} height={50} />
</NavbarBrand>
</NavbarContent>
<NavbarContent className="hidden gap-16 md:flex" justify="center">
{menuItems.map((item) => (
<NavbarItem key={item.href} isActive={item.current}>
<Link
className={item.current ? "border-b-2 border-b-primary-50" : ""}
href={item.href}
aria-current={item.current ? "page" : undefined}
>
{item.label}
</Link>
</NavbarItem>
))}
</NavbarContent>
</Navbar>
</>
)
}