From 83283a87e408b22229c7cc2337b7fb6d5cfa1eac Mon Sep 17 00:00:00 2001
From: C <caaarloos300@gmail.com>
Date: Tue, 21 Feb 2023 04:21:01 +0900
Subject: [PATCH] solved issues in footer + solved space issue in X from mobile
 navbar

---
 src/components/AppBar.tsx | 2 +-
 src/components/Footer.tsx | 2 +-
 src/pages/_app.tsx        | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/AppBar.tsx b/src/components/AppBar.tsx
index 8e04cb312..6a14cfdf5 100644
--- a/src/components/AppBar.tsx
+++ b/src/components/AppBar.tsx
@@ -68,7 +68,7 @@ export const AppBar: React.FC = () => {
         </div>
           <label
               htmlFor="my-drawer"
-              className="btn-gh items-center justify-between md:hidden mr-5"
+              className="btn-gh items-center justify-between md:hidden mr-6"
               onClick={() => setIsNavOpen(!isNavOpen)}>
               <div className="HAMBURGER-ICON space-y-2.5 ml-5">
               <div className={`h-0.5 w-8 bg-purple-600 ${isNavOpen ? 'hidden' : ''}`} />
diff --git a/src/components/Footer.tsx b/src/components/Footer.tsx
index a3e02f63f..4117f19d5 100644
--- a/src/components/Footer.tsx
+++ b/src/components/Footer.tsx
@@ -3,7 +3,7 @@ import Link from 'next/link';
 import Image from 'next/image';
 export const Footer: FC = () => {
     return (
-        <div className="relative mb-40">
+        <div className="relative mb-40 mt-40">
             <footer className="border-t-2 border-[#141414] bg-black hover:text-white absolute w-full" >
                 <div className="ml-12 py-12 mr-12">
                     <div className="grid grid-cols-2 md:grid-cols-6 gap-2 md:gap-8 md:space-x-12 relative">
diff --git a/src/pages/_app.tsx b/src/pages/_app.tsx
index 7581ce9bd..a9286afff 100644
--- a/src/pages/_app.tsx
+++ b/src/pages/_app.tsx
@@ -22,8 +22,8 @@ const App: FC<AppProps> = ({ Component, pageProps }) => {
               <AppBar/>
               <ContentContainer>
                 <Component {...pageProps} />
+                <Footer/>
               </ContentContainer>
-              <Footer/>
             </div>
           </ContextProvider>
         </>