diff options
| author | Factiven <[email protected]> | 2023-05-02 19:49:04 +0700 |
|---|---|---|
| committer | Factiven <[email protected]> | 2023-05-02 19:49:04 +0700 |
| commit | 0aa0c9b4a691f539212a02d9f29a5ed48c972092 (patch) | |
| tree | b54fd24181af0e50b4b5a7bf0f230de0afa7d6d0 /components/footer.js | |
| parent | Update pre - v3.5.4 (diff) | |
| download | moopa-0aa0c9b4a691f539212a02d9f29a5ed48c972092.tar.xz moopa-0aa0c9b4a691f539212a02d9f29a5ed48c972092.zip | |
Display Patch v3.5.4 - 1
> Now support more device sizes than before
Diffstat (limited to 'components/footer.js')
| -rw-r--r-- | components/footer.js | 18 |
1 files changed, 9 insertions, 9 deletions
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]"> © {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> |