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>

29
components/Navbar/Navbar.tsx
View file

@ -42,12 +42,15 @@ export default function Nav() {
] ]
return ( return (
<>
<Navbar <Navbar
className="bg-primary-800 text-primary-50" className={`relative ${
isMenuOpen ? "" : "rounded-b-full"
} bg-primary-800 text-primary-50 shadow-sm shadow-primary-600 sm:rounded-b-none`}
isMenuOpen={isMenuOpen || false} isMenuOpen={isMenuOpen || false}
onMenuOpenChange={setIsMenuOpen} onMenuOpenChange={setIsMenuOpen}
> >
<NavbarMenuToggle className="flex gap-4 md:hidden" /> <NavbarMenuToggle className="absolute left-8 flex md:hidden" />
<NavbarMenu> <NavbarMenu>
{menuItems.map((item) => ( {menuItems.map((item) => (
<NavbarMenuItem key={item.href}> <NavbarMenuItem key={item.href}>
@ -61,10 +64,15 @@ export default function Nav() {
</NavbarMenuItem> </NavbarMenuItem>
))} ))}
</NavbarMenu> </NavbarMenu>
<NavbarBrand> <NavbarBrand className="hidden md:flex">
<Image src="/Isacon logo RGB_1.png" alt="Isacon" width={40} height={40} /> <Image src="/Isacon logo RGB_1.png" alt="Isacon" width={50} height={50} />
</NavbarBrand> </NavbarBrand>
<NavbarContent className="hidden gap-4 md:flex" justify="center"> <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) => ( {menuItems.map((item) => (
<NavbarItem key={item.href} isActive={item.current}> <NavbarItem key={item.href} isActive={item.current}>
<Link <Link
@ -77,16 +85,7 @@ export default function Nav() {
</NavbarItem> </NavbarItem>
))} ))}
</NavbarContent> </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>
</>
) )
} }