updated and centered footer and hidden the scroll button for the foot…

…er section
SRM-IST-KTR · Oct 23, 2024 · 7bddbd7 · 7bddbd7
1 parent 89cccf3
commit 7bddbd7
Show file tree

Hide file tree

Showing 2 changed files with 61 additions and 56 deletions.
diff --git a/components/Shared/Footer/Footer.jsx b/components/Shared/Footer/Footer.jsx
@@ -6,65 +6,69 @@ import { FaLinkedin } from "react-icons/fa";
 
 const Footer = () => {
     return (
-        <footer className="flex flex-col md:px-20  bg-gradient-to-t from-green-950 to-bg_black pt-12 pb-10">
-            <div className="flex-grow grid mb-8 px-8  sm:px-24 sm:flex sm:justify-between space-y-4 sm:space-y-0">
-                <div className="pr-7 sm:pr-0">
-                    <img
-                        className="h-[45px] md:h-[60px]"
-                        src="Logo.png"
-                        alt="Logo"
-                    />
-                    <p className="text-zinc-400 font-dmSans mt-3">
-                        SRM Institute of Science & Technology,
-                    </p>
-                    <p className="text-zinc-400 font-dmSans">
-                        Kattankulathur, Chennai 603203
-                    </p>
-                    <p className="text-zinc-400 font-dmSans">India</p>
-                </div>
+        <div className="relative">
+            <footer className="flex flex-col md:px-20 bg-gradient-to-t from-green-950 to-bg_black pt-12 pb-10">
+                <div className="flex-grow grid mb-8 px-8 sm:px-24 sm:flex sm:justify-between sm:items-center space-y-4 sm:space-y-0">
+                    <div className="pr-7 sm:pr-0 text-center sm:text-left flex flex-col items-center justify-center ml-4">
+                        <div className="flex items-center justify-center">
+                            <img
+                            className="h-[45px]  md:h-[60px] mb-3"
+                            src="Logo.png"
+                            alt="Logo"
+                            />
+                            </div>
+                        <p className="text-zinc-400 text-center font-dmSans">
+                            SRM Institute of Science & Technology,
+                        </p>
+                        <p className="text-zinc-400 text-center font-dmSans">
+                            Kattankulathur, Chennai 603203
+                        </p>
+                        <p className="text-zinc-400 font-dmSans">India</p>
+                    </div>
 
-                <div className=" text-white">
-                    <h className="flex text-center items-center font-poppins mb-1  md:items-start">
-                        Follow Us On
-                    </h>
+                    <div className="text-white text-center">
+                        <h2 className="flex justify-center text-center font-poppins mb-1 sm:justify-start">
+                            Follow Us On
+                        </h2>
 
-                    <div className="flex space-x-3">
-                        <a
-                            href="https://www.linkedin.com/company/githubsrm/mycompany/"
-                            target="_blank"
-                            rel="noopener noreferrer"
-                        >
-                            <FaLinkedin className="h-7 w-7 md:h-10 md:w-10" />
-                        </a>
-                        <a
-                            href="https://www.instagram.com/githubsrm/?hl=en"
-                            target="_blank"
-                            rel="noopener noreferrer"
-                        >
-                            <FaInstagram className="h-7 w-7 md:h-10 md:w-10" />
-                        </a>
-                        <a
-                            href="https://twitter.com/GithubSrm"
-                            target="_blank"
-                            rel="noopener noreferrer"
-                        >
-                            <RiTwitterXFill className="h-7 w-7 md:h-10 md:w-10" />
-                        </a>
-                        <a
-                            href="https://github.com/SRM-IST-KTR"
-                            target="_blank"
-                            rel="noopener noreferrer"
-                        >
-                            <FaGithub className="h-7 w-7 md:h-10 md:w-10" />
-                        </a>
+                        <div className="flex justify-center space-x-3">
+                            <a
+                                href="https://www.linkedin.com/company/githubsrm/mycompany/"
+                                target="_blank"
+                                rel="noopener noreferrer"
+                            >
+                                <FaLinkedin className="h-7 w-7 md:h-10 md:w-10" />
+                            </a>
+                            <a
+                                href="https://www.instagram.com/githubsrm/?hl=en"
+                                target="_blank"
+                                rel="noopener noreferrer"
+                            >
+                                <FaInstagram className="h-7 w-7 md:h-10 md:w-10" />
+                            </a>
+                            <a
+                                href="https://twitter.com/GithubSrm"
+                                target="_blank"
+                                rel="noopener noreferrer"
+                            >
+                                <RiTwitterXFill className="h-7 w-7 md:h-10 md:w-10" />
+                            </a>
+                            <a
+                                href="https://github.com/SRM-IST-KTR"
+                                target="_blank"
+                                rel="noopener noreferrer"
+                            >
+                                <FaGithub className="h-7 w-7 md:h-10 md:w-10" />
+                            </a>
+                        </div>
                     </div>
                 </div>
-            </div>
 
-            <p className="text-left pl-8 sm:text-center mt-1 sm:mt-8 mb-0 text-white font-poppins font-medium">
-                Created By GCSRM Team 🐐
-            </p>
-        </footer>
+                <p className="text-center mt-1 sm:mt-8 mb-0 text-white font-poppins font-medium">
+                    Created By GCSRM Team 🐐
+                </p>
+            </footer>
+        </div>
     );
 };
 

diff --git a/package.json b/package.json
@@ -43,5 +43,6 @@
         "husky": "^9.1.1",
         "postcss": "^8",
         "tailwindcss": "^3.3.0"
-    }
-}
+    },
+    "packageManager": "[email protected]+sha512.a6b2f7906b721bba3d67d4aff083df04dad64c399707841b7acf00f6b133b7ac24255f2652fa22ae3534329dc6180534e98d17432037ff6fd140556e2bb3137e"
+}