Skydust/psychartherapie-v2
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Finalized footer

Browse Source
This commit was merged in pull request #12.
This commit is contained in:
Skydust
2023-09-18 16:58:06 +02:00
parent a262dc6328
commit f6107de735
5 changed files with 165 additions and 36 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
components/layout/header.tsx
View File

@@ -6,6 +6,13 @@ import { GlobalHeader } from "../../tina/__generated__/types";
import { ObjectField } from "@tinacms/schema-tools/dist/types";
export const Header = ({ data }: { data: GlobalHeader }) => {
const navbarToggler: JSX.Element = (
<button className="navbar-toggler" type="button" data-bs-toggle="collapse"
data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false"
aria-label="Toggle navigation">
<span className="navbar-toggler-icon" />
</button>
);
return (
<nav className="navbar flex flex-wrap content-between sticky top-0 py-2">
<div className="flex grow justify-between px-6 h-full">
@@ -21,19 +28,11 @@ export const Header = ({ data }: { data: GlobalHeader }) => {
</div>
</Link>
</div>
<button className="navbar-toggler" type="button" data-bs-toggle="collapse"
data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false"
aria-label="Toggle navigation">
<span className="navbar-toggler-icon" />
</button>
<div className={ "flex items-center" } id="navbarSupportedContent">
{ navbarToggler }
<div className={ "navbar-items flex items-center" } id="navbarSupportedContent">
<ul className="flex md:flex-row">
{ data.nav &&
data.nav.map((item, i) => {
/* const activeItem =
(item.href === ""
? router.asPath === "/"
: router.asPath.includes(item.href)) && isClient;*/
return (
<li
key={ `${ item.label }-${ i }` }