Merge pull request #1 from JohnMwendwa/fix-footer

Fix footer
JohnMwendwa · Aug 20, 2023 · 426c666 · 426c666
2 parents 58a6dad + 951f490
commit 426c666
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 5 deletions.
diff --git a/src/components/BookCard.tsx b/src/components/BookCard.tsx
@@ -86,10 +86,10 @@ const BookCard = ({ _id, title, author, start, end }) => {
   };
 
   return (
-    <div className="border-2 rounded-md p-4 w-full relative">
+    <div className="border-2 border-black/20 rounded-md p-4 w-full relative shadow-sm  shadow-gray-900/75">
       <div className="flex items-center justify-between">
         <h2 className="font-bold text-xl sm:text-2xl">{title}</h2>
-        <span className="font-mono absolute top-0 right-0 bg-black text-white pl-3 pr-1 rounded-tr-md rounded-bl-3xl text-sm">
+        <span className="font-mono absolute top-0 right-0 bg-black text-white pl-3 pr-1 rounded-tr rounded-bl-2xl text-sm">
           {getYear(start)}
         </span>
       </div>

diff --git a/src/components/layout/Footer.tsx b/src/components/layout/Footer.tsx
@@ -3,10 +3,10 @@ import Link from "next/link";
 
 const Footer = () => {
   return (
-    <footer className="text-center p-4 bg-gray-400">
+    <footer className="text-center p-4">
       <p>
-        &copy; {new Date().getFullYear()}{" "}
-        <Link href={"https://johnmwendwa.me"}>John Mwendwa</Link>
+        &copy; <Link href={"https://johnmwendwa.me"}>John Mwendwa</Link>
+        <span className="text-sm ml-1">{new Date().getFullYear()}</span>
       </p>
     </footer>
   );