From 3c5aece1fac4d3e4b6efcfe876b4caecc9a684d2 Mon Sep 17 00:00:00 2001
From: Nick Bland <nisky38@hotmail.com>
Date: Sun, 15 May 2022 23:33:55 +1000
Subject: [PATCH] Change footer to include nicer colours and adjust padding

---
 components/footer.tsx | 13 ++++++-------
 1 file changed, 6 insertions(+), 7 deletions(-)

diff --git a/components/footer.tsx b/components/footer.tsx
index 0e89005..10f8fba 100644
--- a/components/footer.tsx
+++ b/components/footer.tsx
@@ -17,20 +17,19 @@ export const Footer = () => {
 
     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">
                     <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">Home 3</a></Link>
+                    <Link href="/"><a className="link link-hover">Projects</a></Link>
                 </div>
                 <div className="grid grid-flow-col gap-4">
                     <Link href="https://github.com/NickBland"><a><IoLogoGithub></IoLogoGithub></a></Link>
                     <Link href="https://git.nickbland.dev/explore"><a><IoLogoGitlab></IoLogoGitlab></a></Link>
-                </div>
-                <div className="grid grid-flow-col gap-4"> 
-                    <SiBitcoin onClick={() => {setIsOpen(true); setCoin("Bitcoin")}} className="hover:text-orange-300 hover:cursor-pointer"></SiBitcoin>
-                    <SiEthereum onClick={() => {setIsOpen(true); setCoin("Ethereum")}} className="hover:text-blue-400 hover:cursor-pointer"></SiEthereum>
-                    <SiMonero onClick={() => {setIsOpen(true); setCoin("Monero")}} className="hover:text-orange-600 hover:cursor-pointer"></SiMonero>
+                    <span className="inline-block border-l border-solid mx-0"></span>
+                    <SiBitcoin onClick={() => {setIsOpen(true); setCoin("Bitcoin")}} className="hover:text-[#F7931A] hover:cursor-pointer"></SiBitcoin>
+                    <SiEthereum onClick={() => {setIsOpen(true); setCoin("Ethereum")}} className="hover:text-[#8A93B2] hover:cursor-pointer"></SiEthereum>
+                    <SiMonero onClick={() => {setIsOpen(true); setCoin("Monero")}} className="hover:text-[#F26822] hover:cursor-pointer"></SiMonero>
                 </div>
                 <div>
                     <p>Made with ❤️ by Nick Bland</p>