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

Compare commits

base: LumeWeb:88e710051e1f05ccdfd22f64b5c49506fc5f8046
Branches Tags
LumeWeb:master
LumeWeb:develop
...
compare: LumeWeb:487c5de10a77e939f28dda772b160829f6b571db
Branches Tags
LumeWeb:develop
LumeWeb:master

2 Commits
88e710051e ... 487c5de10a

Author SHA1 Message Date
Juan Di Toro 487c5de10a Merge branch 'develop' of git.lumeweb.com:LumeWeb/web3.news into develop 2023-12-11 19:04:12 +01:00
Juan Di Toro 0114428786 fix: add header menu 2023-12-11 19:04:03 +01:00
1 changed files with 43 additions and 34 deletions
Show Stats Expand all files Collapse all files

19
src/components/LayoutHeader.tsx
View File

@ -1,26 +1,35 @@
import React from "react" import React from "react"
import Image from "next/image" import Image from "next/image"
import Link from "next/link"
type Props = {} type Props = {}
export const Header = ({}: Props) => { 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-1"> <div className="flex flex-col">
<Web3NewsLogo /> <Web3NewsLogo />
</div> <div className="relative mt-1">
<div className="w-28 h-8 relative">
<Image <Image
className="-right-4 top-0 absolute" className="-right-8 -top-3 absolute"
width={28} width={28}
height={24} height={24}
src="/lume-logo-sm.png" src="/lume-logo-sm.png"
alt="" alt=""
/> />
<span className="left-0 top-[6px] absolute text-white text-opacity-50 text-sm font-normal font-secondary leading-7"> <span className="right-0 -top-[6px] absolute text-white text-opacity-50 text-sm font-normal font-secondary leading-7">
a Lume project a Lume project
</span> </span>
</div> </div>
</div>
<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">
About
</Link>
<Link href="/donate" className="hover:text-white p-2 px-4 hover:bg-gray-800 rounded">
Contribute
</Link>
</div>
</header> </header>
) )
} }