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

pages

Browse source
This commit is contained in:
isaconantonis 2023-07-28 15:33:57 +02:00
parent ee267bf62a
commit e0df9ed858
11 changed files with 206 additions and 35 deletions
Download patch file Download diff file Expand all files Collapse all files

4
components/Layout/Layout.tsx
View file

@ -13,9 +13,9 @@ export default function Layout({ children }) {
<meta name="twitter:card" content="summary_large_image" />
<title>IsaCon</title>
</Head>
<div className="flex h-screen flex-col justify-between">
<div className="flex min-h-screen flex-col justify-between">
<Navbar />
<main className="h-screen mb-auto bg-primary-50">{children}</main>
<main className="min-h-screen mb-auto bg-primary-50">{children}</main>
<Footer />
</div>
</>

32
components/Navbar/Navbar.tsx
View file

@ -1,6 +1,8 @@
import Link from "next/link"
export default function Navbar() {
return (
<nav className="bg-primary-800">
<nav className="fixed w-full bg-primary-800">
<div className="mx-auto px-4 sm:px-6 lg:px-8">
<div className="flex h-16 items-center justify-between">
<div className="flex items-center">
@ -9,18 +11,30 @@ export default function Navbar() {
</div>
<div className="hidden sm:ml-6 sm:block">
<div className="flex space-x-4">
<a className="rounded-md px-3 py-2 text-sm font-medium text-primary-50 hover:bg-primary-700 hover:text-white">
<Link
href="/dashboard"
className="rounded-md px-3 py-2 text-sm font-medium text-primary-50 hover:bg-primary-700 hover:text-white"
>
Dashboard
</a>
<a className="rounded-md px-3 py-2 text-sm font-medium text-primary-50 hover:bg-primary-700 hover:text-white">
</Link>
<Link
href="/team"
className="rounded-md px-3 py-2 text-sm font-medium text-primary-50 hover:bg-primary-700 hover:text-white"
>
Team
</a>
<a className="rounded-md px-3 py-2 text-sm font-medium text-primary-50 hover:bg-primary-700 hover:text-white">
</Link>
<Link
href="/projects"
className="rounded-md px-3 py-2 text-sm font-medium text-primary-50 hover:bg-primary-700 hover:text-white"
>
Projects
</a>
<a className="rounded-md px-3 py-2 text-sm font-medium text-primary-50 hover:bg-primary-700 hover:text-white">
</Link>
<Link
href="/calendar"
className="rounded-md px-3 py-2 text-sm font-medium text-primary-50 hover:bg-primary-700 hover:text-white"
>
Calendar
</a>
</Link>
</div>
</div>
</div>