tizian/quarry-party-landing-page-react
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

add git token; change cookie and header view for mobile;

Browse Source
This commit is contained in:
Tizian Haider
2025-07-06 21:01:23 +02:00
parent 8dc9dfd100
commit eb0c1ad2bf
8 changed files with 149 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/components/layout/Header.tsx
View File

@@ -16,12 +16,12 @@ export default function Header() {
<div className="container mx-auto px-4 py-4 flex justify-between items-center">
<Link href="/" className="text-2xl font-bold">FF Friedberg</Link>
<div className="md:hidden">
<button onClick={toggleMenu} className="text-2xl">
<button onClick={toggleMenu} className="text-2xl z-50 relative">
{isOpen ? <FaTimes /> : <FaBars />}
</button>
</div>
<nav className={`md:flex ${isOpen ? 'block' : 'hidden'} absolute md:relative top-full left-0 w-full md:w-auto bg-white md:bg-transparent shadow-md md:shadow-none`}>
<ul className="flex flex-col md:flex-row md:space-x-4 space-y-4 md:space-y-0 p-4 md:p-0">
<nav className={`md:flex ${isOpen ? 'block' : 'hidden'} fixed md:relative top-0 left-0 w-full h-full md:w-auto md:h-auto bg-white md:bg-transparent z-40`}>
<ul className="flex flex-col md:flex-row items-center justify-center h-full md:space-x-4 space-y-4 md:space-y-0 p-4 md:p-0">
<li><Link href="/#program" className="hover:underline" onClick={toggleMenu}>Programm</Link></li>
<li><Link href="/#info" className="hover:underline" onClick={toggleMenu}>Infos</Link></li>
<li><Link href="/#contact" className="hover:underline" onClick={toggleMenu}>Kontakt</Link></li>