minor improvement

This commit is contained in:
Daniel 2023-06-01 06:15:19 +03:30
parent 185d0f4f98
commit 3e6bef875b

View File

@ -57,28 +57,6 @@ export default function ({ className }: { className?: string }) {
</div> </div>
</Link> </Link>
<Link href="/links">
<div
className={`${
active === "/links"
? "bg-sky-500"
: "hover:bg-slate-200 bg-gray-100"
} outline-sky-100 outline-1 duration-100 py-1 px-4 cursor-pointer flex items-center gap-2`}
>
<FontAwesomeIcon
icon={faBookmark}
className={`w-4 h-4 ${
active === "/links" ? "text-white" : "text-sky-300"
}`}
/>
<p
className={`${active === "/links" ? "text-white" : "text-sky-900"}`}
>
All Links
</p>
</div>
</Link>
<Link href="/collections"> <Link href="/collections">
<div <div
className={`${ className={`${
@ -101,6 +79,28 @@ export default function ({ className }: { className?: string }) {
</div> </div>
</Link> </Link>
<Link href="/links">
<div
className={`${
active === "/links"
? "bg-sky-500"
: "hover:bg-slate-200 bg-gray-100"
} outline-sky-100 outline-1 duration-100 py-1 px-4 cursor-pointer flex items-center gap-2`}
>
<FontAwesomeIcon
icon={faBookmark}
className={`w-4 h-4 ${
active === "/links" ? "text-white" : "text-sky-300"
}`}
/>
<p
className={`${active === "/links" ? "text-white" : "text-sky-900"}`}
>
All Links
</p>
</div>
</Link>
<div className="text-gray-500 mt-5"> <div className="text-gray-500 mt-5">
<p className="text-sm px-4 mb-2">Collections</p> <p className="text-sm px-4 mb-2">Collections</p>
</div> </div>