NickBland/website-2
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Change footer to include nicer colours and adjust padding

Browse Source
This commit is contained in:
Nick Bland 2022-05-15 23:33:55 +10:00
parent 13ab78bf2a
commit 3c5aece1fa
No known key found for this signature in database
GPG Key ID: B46CF88E4DAB4A2C
1 changed files with 6 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
components/footer.tsx
View File

@ -17,20 +17,19 @@ export const Footer = () => {
return ( return (
<> <>
<footer className="footer grid w-full grid-flow-row place-items-center text-center gap-y-10 gap-x-4 text-sm p-10 dark:bg-black bg-white dark:text-white text-black rounded"> <footer className="footer grid w-full grid-flow-row place-items-center text-center gap-y-10 gap-x-4 text-sm p-10 dark:bg-black bg-white dark:text-white text-black bottom-0 max-w-full">
<div className="grid grid-flow-col gap-4"> <div className="grid grid-flow-col gap-4">
<Link href="/"><a className="link link-hover">Home</a></Link> <Link href="/"><a className="link link-hover">Home</a></Link>
<Link href="/"><a className="link link-hover">About</a></Link> <Link href="/"><a className="link link-hover">About</a></Link>
<Link href="/"><a className="link link-hover">Home 3</a></Link> <Link href="/"><a className="link link-hover">Projects</a></Link>
</div> </div>
<div className="grid grid-flow-col gap-4"> <div className="grid grid-flow-col gap-4">
<Link href="https://github.com/NickBland"><a><IoLogoGithub></IoLogoGithub></a></Link> <Link href="https://github.com/NickBland"><a><IoLogoGithub></IoLogoGithub></a></Link>
<Link href="https://git.nickbland.dev/explore"><a><IoLogoGitlab></IoLogoGitlab></a></Link> <Link href="https://git.nickbland.dev/explore"><a><IoLogoGitlab></IoLogoGitlab></a></Link>
</div> <span className="inline-block border-l border-solid mx-0"></span>
<div className="grid grid-flow-col gap-4"> <SiBitcoin onClick={() => {setIsOpen(true); setCoin("Bitcoin")}} className="hover:text-[#F7931A] hover:cursor-pointer"></SiBitcoin>
<SiBitcoin onClick={() => {setIsOpen(true); setCoin("Bitcoin")}} className="hover:text-orange-300 hover:cursor-pointer"></SiBitcoin> <SiEthereum onClick={() => {setIsOpen(true); setCoin("Ethereum")}} className="hover:text-[#8A93B2] hover:cursor-pointer"></SiEthereum>
<SiEthereum onClick={() => {setIsOpen(true); setCoin("Ethereum")}} className="hover:text-blue-400 hover:cursor-pointer"></SiEthereum> <SiMonero onClick={() => {setIsOpen(true); setCoin("Monero")}} className="hover:text-[#F26822] hover:cursor-pointer"></SiMonero>
<SiMonero onClick={() => {setIsOpen(true); setCoin("Monero")}} className="hover:text-orange-600 hover:cursor-pointer"></SiMonero>
</div> </div>
<div> <div>
<p>Made with ❤️ by Nick Bland</p> <p>Made with ❤️ by Nick Bland</p>