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>
))}
</div>
<div className="flex flex-row items-center md:hidden">
<Link
href="/sign-in"
className="text-sm font-semibold leading-6 text-gray-900"
>
Log in <span aria-hidden="true">&rarr;</span>
</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
className="flex h-[42px] w-[42px] cursor-pointer items-center justify-center"
onClick={() => setNavbarOpen(!navbarOpen)}
@ -83,28 +77,14 @@ export default function Header() {
: "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]">
Overview
{name}
</div>
</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>
</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>
);