admin-aaw/snapify-authentik
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 2

adjust mobile header

Browse source
This commit is contained in:
MarconLP 2023-04-27 22:29:55 +02:00
parent be169714cc
commit fa47b387cb
No known key found for this signature in database
GPG key ID: A08A9C8B623F5EA5
1 changed files with 33 additions and 53 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

32
src/components/Header.tsx
View file

@ -49,20 +49,14 @@ export default function Header() {
</Link> </Link>
))} ))}
</div> </div>
<div className="flex flex-row items-center md:hidden">
<Link <Link
href="/sign-in" href="/sign-in"
className="text-sm font-semibold leading-6 text-gray-900" className="text-sm font-semibold leading-6 text-gray-900"
> >
Log in <span aria-hidden="true">&rarr;</span> Log in <span aria-hidden="true">&rarr;</span>
</Link> </Link>
<>
<div className="flex flex-row items-center md:hidden">
<Link href={"#"} className="mr-6">
<div className="block h-[32px] rounded-[5px] border border-solid border-black bg-black p-2 text-sm leading-3 text-white transition hover:bg-white hover:text-black">
Open App
</div>
</Link>
<div <div
className="flex h-[42px] w-[42px] cursor-pointer items-center justify-center" className="flex h-[42px] w-[42px] cursor-pointer items-center justify-center"
onClick={() => setNavbarOpen(!navbarOpen)} onClick={() => setNavbarOpen(!navbarOpen)}
@ -83,28 +77,14 @@ export default function Header() {
: "invisible top-[80px]" : "invisible top-[80px]"
}`} }`}
> >
<Link href="/" onClick={closeNav}> {navigation.map(({ href, name }) => (
<Link key={name} href={href} onClick={closeNav}>
<div className="flex h-[48px] cursor-pointer items-center border-b border-[#EAEAEA] text-[16px] hover:bg-[#FAFAFA]"> <div className="flex h-[48px] cursor-pointer items-center border-b border-[#EAEAEA] text-[16px] hover:bg-[#FAFAFA]">
Overview {name}
</div> </div>
</Link> </Link>
<Link href="/contact" onClick={closeNav}> ))}
<div className="flex h-[48px] cursor-pointer items-center border-b border-[#EAEAEA] text-[16px] hover:bg-[#FAFAFA]">
Contact
</div> </div>
</Link>
<Link href="/changelog" onClick={closeNav}>
<div className="flex h-[48px] cursor-pointer items-center border-b border-[#EAEAEA] text-[16px] hover:bg-[#FAFAFA]">
Changelog
</div>
</Link>
<Link href="https://app.tablane.net/shared/board/63906741c22c232ed88df799">
<div className="flex h-[48px] cursor-pointer items-center border-b border-[#EAEAEA] text-[16px] hover:bg-[#FAFAFA]">
Roadmap
</div>
</Link>
</div>
</>
</div> </div>
</div> </div>
); );