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

4
app/page.tsx
View file

@ -9,7 +9,7 @@ export default async function Web() {
<div className="mx-auto max-w-7xl lg:grid lg:grid-cols-12 lg:gap-x-8 lg:px-8"> <div className="mx-auto max-w-7xl lg:grid lg:grid-cols-12 lg:gap-x-8 lg:px-8">
<div className="px-6 pb-24 pt-10 sm:pb-32 lg:col-span-7 lg:px-0 lg:pb-56 lg:pt-48 xl:col-span-6"> <div className="px-6 pb-24 pt-10 sm:pb-32 lg:col-span-7 lg:px-0 lg:pb-56 lg:pt-48 xl:col-span-6">
<div className="mx-auto max-w-2xl lg:mx-0"> <div className="mx-auto max-w-2xl lg:mx-0">
<h1 className="mt-24 text-4xl font-bold tracking-tight text-primary-800 sm:mt-10 sm:text-6xl"> <h1 className="mt-4 lg:mt-24 text-4xl font-bold tracking-tight text-primary-800 sm:mt-10 sm:text-6xl">
Your personal <span className="block xl:inline">web development team</span> Your personal <span className="block xl:inline">web development team</span>
</h1> </h1>
<p className="mt-6 text-lg leading-8 text-primary-800"> <p className="mt-6 text-lg leading-8 text-primary-800">
@ -17,7 +17,7 @@ export default async function Web() {
applications, websites and mobile apps for startups and established businesses. applications, websites and mobile apps for startups and established businesses.
</p> </p>
<div className="mt-10 flex items-center gap-x-6"> <div className="mt-10 flex items-center gap-x-6">
<Link href="/about" className="text-sm font-semibold leading-6 text-primary-800"> <Link href="/team" className="text-sm font-semibold leading-6 text-primary-800">
Learn more <span aria-hidden="true">→</span> Learn more <span aria-hidden="true">→</span>
</Link> </Link>
</div> </div>

91
components/Navbar/Navbar.tsx
View file

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