Skip to content

Commit

Permalink
Merge pull request #48 from linkwarden/dev
Browse files Browse the repository at this point in the history 
minor fix
  • Loading branch information
@daniel31x13
daniel31x13 authored May 26, 2024
2 parents 6e8cfe4 + c7d9833 commit 7213537
Showing 1 changed file with 88 additions and 84 deletions.
172 changes: 88 additions & 84 deletions components/Navbar.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -42,105 +42,109 @@ export default function Navbar() {
isMenuOpen
? "bg-opacity-100 min-[991px]:bg-opacity-50"
: "bg-opacity-50"
} flex gap-7 items-center justify-between p-2 max-w-7xl mx-auto`}
}`}
>
<div className="flex items-center justify-between gap-7">
<Link href="/">
<Image
src="/linkwarden.png"
className="w-40"
width={453}
height={96}
alt=""
onClick={() => {
if (isMenuOpen) toggleMenu();
}}
/>
</Link>

<div className="items-center justify-between gap-10 hidden min-[991px]:flex rounded-2xl px-4 py-1">
<Link
href="/#features"
className="hover:opacity-80 duration-100 font-medium text-text"
>
Features
<div className="max-w-7xl mx-auto flex gap-7 items-center justify-between p-2">
<div className="flex items-center justify-between gap-7">
<Link href="/">
<Image
src="/linkwarden.png"
className="w-40"
width={453}
height={96}
alt=""
onClick={() => {
if (isMenuOpen) toggleMenu();
}}
/>
</Link>

<div className="items-center justify-between gap-10 hidden min-[991px]:flex rounded-2xl px-4 py-1">
<Link
href="/#features"
className="hover:opacity-80 duration-100 font-medium text-text"
>
Features
</Link>
<Link
href="/#pricing"
className="hover:opacity-80 duration-100 font-medium text-text"
>
Pricing
</Link>
<Link
href="/#faqs"
className="hover:opacity-80 duration-100 font-medium text-text"
>
FAQs
</Link>
<Link
href="https://docs.linkwarden.app"
target="_blank"
className="hover:opacity-80 duration-100 font-medium text-text flex items-center gap-1"
>
Docs
<ArrowSquareOut size={16} />
</Link>
<Link
href="https://blog.linkwarden.app"
target="_blank"
className="hover:opacity-80 duration-100 font-medium text-text flex items-center gap-1"
>
Blog
<ArrowSquareOut size={16} />
</Link>
</div>
</div>

<div className="items-center gap-5 hidden min-[991px]:flex">
<Link
href="/#pricing"
className="hover:opacity-80 duration-100 font-medium text-text"
href="https://github.com/linkwarden/linkwarden"
target="_blank"
className="flex gap-1 items-center hover:opacity-80 duration-100 text-text cursor-pointer"
>
Pricing
<svg
xmlns="http://www.w3.org/2000/svg"
width="20"
height="20"
fill="currentColor"
viewBox="0 0 16 16"
>
<path d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27s1.36.09 2 .27c1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.01 8.01 0 0 0 16 8c0-4.42-3.58-8-8-8" />
</svg>
<p className="font-semibold">Star</p>
<p>
{(ghStars && Math.round((ghStars / 1000) * 10) / 10 + "k") ||
"....."}
</p>
</Link>
<Link
href="/#faqs"
href="https://cloud.linkwarden.app/login"
className="hover:opacity-80 duration-100 font-medium text-text"
>
FAQs
</Link>
<Link
href="https://docs.linkwarden.app"
target="_blank"
className="hover:opacity-80 duration-100 font-medium text-text flex items-center gap-1"
>
Docs
<ArrowSquareOut size={16} />
Login
</Link>
<Link
href="https://blog.linkwarden.app"
target="_blank"
className="hover:opacity-80 duration-100 font-medium text-text flex items-center gap-1"
className={`bg-gradient-to-tr from-[#673AB7] to-[#4B03CD] border border-[#926cd3] hover:border-[#cfbeed] shadow-lg hover:shadow-none select-none duration-200 rounded-full text-center px-3 py-[0.20rem] text-white w-fit flex justify-center items-center gap-2`}
href={"https://cloud.linkwarden.app/register"}
>
Blog
<ArrowSquareOut size={16} />
<p className="font-semibold">Get Started</p>
</Link>
</div>
</div>

<div className="items-center gap-5 hidden min-[991px]:flex">
<Link
href="https://github.com/linkwarden/linkwarden"
target="_blank"
className="flex gap-1 items-center hover:opacity-80 duration-100 text-text cursor-pointer"
>
<svg
xmlns="http://www.w3.org/2000/svg"
width="20"
height="20"
fill="currentColor"
viewBox="0 0 16 16"
<div className="block min-[991px]:hidden">
<div
id="nav-menu"
className={`cursor-pointer select-none ${
isMenuOpen ? "open" : ""
}`}
onClick={toggleMenu}
>
<path d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27s1.36.09 2 .27c1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.01 8.01 0 0 0 16 8c0-4.42-3.58-8-8-8" />
</svg>
<p className="font-semibold">Star</p>
<p>
{(ghStars && Math.round((ghStars / 1000) * 10) / 10 + "k") ||
"....."}
</p>
</Link>
<Link
href="https://cloud.linkwarden.app/login"
className="hover:opacity-80 duration-100 font-medium text-text"
>
Login
</Link>
<Link
className={`bg-gradient-to-tr from-[#673AB7] to-[#4B03CD] border border-[#926cd3] hover:border-[#cfbeed] shadow-lg hover:shadow-none select-none duration-200 rounded-full text-center px-3 py-[0.20rem] text-white w-fit flex justify-center items-center gap-2`}
href={"https://cloud.linkwarden.app/register"}
>
<p className="font-semibold">Get Started</p>
</Link>
</div>

<div className="block min-[991px]:hidden">
<div
id="nav-menu"
className={`cursor-pointer select-none ${isMenuOpen ? "open" : ""}`}
onClick={toggleMenu}
>
<span></span>
<span></span>
<span></span>
<span></span>
<span></span>
<span></span>
<span></span>
<span></span>
</div>
</div>
</div>
</div>
Expand Down

0 comments on commit 7213537

Please sign in to comment.