From 0aa0c9b4a691f539212a02d9f29a5ed48c972092 Mon Sep 17 00:00:00 2001
From: Factiven <dabinaya.fathan@gmail.com>
Date: Tue, 2 May 2023 19:49:04 +0700
Subject: Display Patch v3.5.4 - 1

> Now support more device sizes than before
---
 components/footer.js | 18 +++++++++---------
 1 file changed, 9 insertions(+), 9 deletions(-)

(limited to 'components/footer.js')

diff --git a/components/footer.js b/components/footer.js
index 50c556a..db32d90 100644
--- a/components/footer.js
+++ b/components/footer.js
@@ -11,24 +11,24 @@ function Footer() {
   const [season, setSeason] = useState(getCurrentSeason());
 
   return (
-    <section className="text-[#dbdcdd] z-40 bg-[#0c0d10] md:flex md:h-[12rem] md:items-center md:justify-between">
-      <div className="mx-auto flex w-[80%] flex-col space-y-10 pb-6 md:flex-row md:items-center md:justify-between md:space-y-0 md:py-0">
+    <section className="text-[#dbdcdd] z-40 bg-[#0c0d10] lg:flex lg:h-[12rem] lg:items-center lg:justify-between">
+      <div className="mx-auto flex w-[80%] lg:w-[95%] xl:w-[80%] flex-col space-y-10 pb-6 lg:flex-row lg:items-center lg:justify-between lg:space-y-0 lg:py-0">
         <div className="flex items-center gap-24">
-          <div className="md:flex grid items-center md:gap-10 gap-3">
+          <div className="lg:flex grid items-center lg:gap-10 gap-3">
             {/* <h1 className="font-outfit text-[2.56rem]">moopa</h1> */}
             <h1 className="font-outfit text-[40px]">moopa</h1>
             <div>
-              <p className="flex items-center gap-1 font-karla md:text-[0.81rem] text-[0.7rem] text-[#CCCCCC]">
+              <p className="flex items-center gap-1 font-karla lg:text-[0.81rem] text-[0.7rem] text-[#CCCCCC]">
                 &copy; {new Date().getFullYear()} moopa.live | Website Made by
                 Factiven
               </p>
-              <p className="font-karla md:text-[0.8rem] text-[0.65rem] text-[#9c9c9c]  md:w-[520px] italic">
+              <p className="font-karla lg:text-[0.8rem] text-[0.65rem] text-[#9c9c9c]  lg:w-[520px] italic">
                 This site does not store any files on our server, we only linked
                 to the media which is hosted on 3rd party services.
               </p>
             </div>
           </div>
-          {/* <div className="lg:hidden md:block">
+          {/* <div className="lg:hidden lg:block">
             <Image
               src="https://i1210.photobucket.com/albums/cc417/kusanagiblog/NarutoVSSasuke.gif"
               alt="gambar"
@@ -38,8 +38,8 @@ function Footer() {
             />
           </div> */}
         </div>
-        <div className="flex flex-col gap-10 md:flex-row md:items-end md:gap-[9.06rem] text-[#a7a7a7] text-sm md:text-end">
-          <div className="flex flex-col gap-10 font-karla font-bold md:flex-row md:gap-[5.94rem]">
+        <div className="flex flex-col gap-10 lg:flex-row lg:items-end lg:gap-[9.06rem] text-[#a7a7a7] text-sm lg:text-end">
+          <div className="flex flex-col gap-10 font-karla font-bold lg:flex-row lg:gap-[5.94rem]">
             <ul className="flex flex-col gap-y-[0.7rem] ">
               <li className="cursor-pointer hover:text-action">
                 <Link
@@ -79,7 +79,7 @@ function Footer() {
                 <Link href="/dmca">DMCA</Link>
               </li>
               <li className="cursor-pointer hover:text-action">
-                <Link href="/contact">Contact</Link>
+                <Link href="/contact">Github</Link>
               </li>
             </ul>
           </div>
-- 
cgit v1.2.3