Merge pull request #42 from veerendra19codes/veerendra19codes/footer

FIXED: ISSUE #27 Veerendra19codes/footer
pooranjoyb · Oct 23, 2023 · 794b439 · 794b439
2 parents cbe2644 + 4a8e177
commit 794b439
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 9 deletions.
diff --git a/src/Components/Footer.jsx b/src/Components/Footer.jsx
@@ -4,11 +4,13 @@ import { FaGithub } from "react-icons/fa";
 
 const Footer = () => {
   return (
-    <div className="h-16 flex justify-center items-center bg-custom-pink border-t-2 border-white">
-      <Link to="https://github.com/pooranjoyb/BeatBridge" className="mr-2">
-        <FaGithub size={24} />
+    <div className="h-16 flex justify-center items-center bg-black  text-custom-pink text-2xl">
+
+      <Link to="https://github.com/pooranjoyb/BeatBridge" className="mr-2 hover:scale-125">
+        <FaGithub size={30} />
       </Link>
       <div>&copy; 2023 BeatBridge</div>
+
     </div>
   );
 };

diff --git a/src/Components/Player.jsx b/src/Components/Player.jsx
@@ -2,6 +2,7 @@ import { useEffect, useState } from "react";
 import "../App.css";
 import Background from "/Background.png";
 import Navbar from "./Navbar";
+import Footer from "./Footer";
 
 export default function Player({ accessToken }) {
   const [searchInput, setSearchInput] = useState("");
@@ -108,11 +109,10 @@ export default function Player({ accessToken }) {
 
         <div className="flex items-center justify-center h-screen bg-red-lightest">
           <div
-            className={`fullscreen-div relative mt-24${
-              isFullScreen
+            className={`fullscreen-div relative mt-24${isFullScreen
                 ? "fullscreen-styles"
                 : "  bg-white shadow-lg rounded-lg w-[50rem]"
-            }`}
+              }`}
           >
             <div className={`${isFullScreen ? "clock" : "no-clock"}`}>
               <div className="time">
@@ -133,9 +133,8 @@ export default function Player({ accessToken }) {
               </div>
               <div className={`w-full ${isFullScreen ? "music" : " p-8 pb-0"}`}>
                 <div
-                  className={`${
-                    isFullScreen ? "title" : "flex justify-between"
-                  }`}
+                  className={`${isFullScreen ? "title" : "flex justify-between"
+                    }`}
                 >
                   <div>
                     <h3 className="text-2xl text-grey-darkest font-medium">
@@ -247,6 +246,8 @@ export default function Player({ accessToken }) {
             </div>
           </div>
         </div>
+
+        <Footer />
       </div>
     </>
   );