LumeWeb
/
web3.news
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix: clickable logo

This commit is contained in:
Juan Di Toro 2023-12-11 19:05:33 +01:00
parent 487c5de10a
commit 47bdaf9b88
1 changed files with 23 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

38
src/components/LayoutHeader.tsx
View File

@ -8,25 +8,33 @@ export const Header = ({}: Props) => {
return ( return (
<header className="w-full flex flex-row justify-between relative"> <header className="w-full flex flex-row justify-between relative">
<div className="flex flex-col"> <div className="flex flex-col">
<Web3NewsLogo /> <Link href="/">
<div className="relative mt-1"> <Web3NewsLogo />
<Image <div className="relative mt-1">
className="-right-8 -top-3 absolute" <Image
width={28} className="-right-8 -top-3 absolute"
height={24} width={28}
src="/lume-logo-sm.png" height={24}
alt="" src="/lume-logo-sm.png"
/> alt=""
<span className="right-0 -top-[6px] absolute text-white text-opacity-50 text-sm font-normal font-secondary leading-7"> />
a Lume project <span className="right-0 -top-[6px] absolute text-white text-opacity-50 text-sm font-normal font-secondary leading-7">
</span> a Lume project
</div> </span>
</div>
</Link>
</div> </div>
<div className="flex gap-3 font-normal flex-row text-gray-300 rounded"> <div className="flex gap-3 font-normal flex-row text-gray-300 rounded">
<Link href="/about" className="hover:text-white p-2 px-4 hover:bg-gray-800 rounded"> <Link
href="/about"
className="hover:text-white p-2 px-4 hover:bg-gray-800 rounded"
>
About About
</Link> </Link>
<Link href="/donate" className="hover:text-white p-2 px-4 hover:bg-gray-800 rounded"> <Link
href="/donate"
className="hover:text-white p-2 px-4 hover:bg-gray-800 rounded"
>
Contribute Contribute
</Link> </Link>
</div> </div>