chore: Update header and footer to new padding

Jeydin21 · Jul 13, 2024 · e275f1a · e275f1a · vercel · Jul 13, 2024
1 parent 5427dcc
commit e275f1a
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/components/ui/Footer.jsx b/components/ui/Footer.jsx
@@ -5,7 +5,7 @@ import { FaGithub, FaDiscord, FaTwitter } from 'react-icons/fa';
 function Footer() {
   return (
     <>
-      <footer className="mt-14 py-2 px-5 md:px-12 lg:px-16 xl:px-20 2xl:px-24 flex flex-col sm:flex-row justify-between">
+      <footer className="mt-14 py-2 px-5 flex flex-col sm:flex-row justify-between">
         <div className="z-50">
           <Logo hover={false} />
           <p className="dark:text-primary-light text-primary text-xs pt-2">
@@ -21,7 +21,7 @@ function Footer() {
           </div>
         </div>
       </footer>
-      <footer className="pb-10 px-5 md:px-12 lg:px-16 xl:px-20 2xl:px-24">
+      <footer className="pb-10 px-5">
         <div className="pt-2 flex justify-between border-t-[2px] border-primary w-full">
           <p className="z-50 dark:text-primary-light text-primary text-sm">
             Made with ❤️ by <Link title="Jeydin21" className="hover:text-blue-400 dark:text-secondary text-primary underline transition-all" rel="noreferrer" target="_blank" href="https://j21.dev">Jeydin21</Link>

diff --git a/components/ui/Header.jsx b/components/ui/Header.jsx
@@ -36,7 +36,7 @@ function Header({ theme, toggleTheme, bg = false, manga, type }) {
   return (
     <>
       <div
-        className={`z-50 transition-all py-2 px-5 md:px-12 lg:px-16 xl:px-20 2xl:px-24 flex justify-between left-0 items-center top-0 right-0 ${bg === true ? "" : "dark:bg-[#121212] bg-secondary"} ${isScrolled ? `${manga === true ? "" : "sticky"} top-0 bg-opacity-50 backdrop-filter backdrop-blur-lg dark:bg-primary/30 bg-secondary/30` : ''}`}
+        className={`z-50 transition-all py-2 px-5 flex justify-between left-0 items-center top-0 right-0 ${bg === true ? "" : "dark:bg-[#121212] bg-secondary"} ${isScrolled ? `${manga === true ? "" : "sticky"} top-0 bg-opacity-50 backdrop-filter backdrop-blur-lg dark:bg-primary/30 bg-secondary/30` : ''}`}
       >
         <div className="z-50 flex flex-row space-x-5">
           <Logo />