fix: footer

yupanquidev · Aug 13, 2023 · 0bbdc55 · 0bbdc55
1 parent ee65976
commit 0bbdc55
Show file tree

Hide file tree

Showing 5 changed files with 6 additions and 11 deletions.
diff --git a/src/components/footer/Footer.astro b/src/components/footer/Footer.astro
@@ -7,7 +7,7 @@ import Twitter from "../contactIcons/Twitter.astro";
 
 <footer class="w-full bg-blue-200 py-14 dark:bg-[#08152C] dark:bg-opacity-40">
   <section
-    class="lg:container lg:mx-auto items-center px-3 grid grid-cols-1 md:grid-cols-3 gap-4 md:flex-row md:justify-between lg:px-10"
+    class="lg:container lg:mx-auto items-center px-3 flex flex-col gap-4 md:gap-8 md:flex-row md:justify-between lg:px-10"
   >
     <p
       class="w-full text-base max-sm:text-sm text-[#0A0C10]/70 dark:text-[#F5F9FF]/50"
@@ -59,16 +59,15 @@ import Twitter from "../contactIcons/Twitter.astro";
         rel="noreferrer">Aileron</a
       >.
     </p>
-    <span
-      class="w-auto md:w-10 h-[1px] bg-gray-400 dark:bg-gray-700 md:opacity-0"
+    <span class="w-full md:w-10 h-[1px] bg-gray-400 dark:bg-gray-700 md:hidden"
     ></span>
     <div class="w-full flex flex-col gap-2 [&>div]:px-0">
       <p class="text-sm text-[#0A0C10]/70 dark:text-[#F5F9FF]/40">
-        © 2023 Humberto Yupanqui, todos los derechos reservados. FullStack
+        2023 Humberto Yupanqui, todos los derechos reservados. FullStack
         Developer, Freelancer.
       </p>
       <div
-        class="flex gap-2 justify-center md:justify-start [&>a]:bg-purple-950/5 [&>a]:w-10 [&>a]:h-10 [&>a]:rounded-full [&>a]:p-2.5 [&>a>svg]:w-6 [&>a>svg]:h-6"
+        class="flex gap-2 justify-center md:justify-start [&>a]:bg-purple-950/5 [&>a]:w-11 [&>a]:h-11 [&>a]:rounded-full [&>a]:p-2.5 [&>a>svg]:w-6 [&>a>svg]:h-6"
       >
         <Github hyperlink="https://github.com/ypnqh" />
         <Instagram />

diff --git a/src/layouts/Layout.astro b/src/layouts/Layout.astro
@@ -1,4 +1,5 @@
 ---
+import Footer from "../components/footer/Footer.astro";
 import Header from "../components/header/Header.astro";
 export interface Props {
   title: string;
@@ -22,6 +23,7 @@ const { title } = Astro.props;
   <body class="bg-zinc-100 dark:bg-zinc-950 w-full h-full flex flex-col">
     <Header />
     <slot />
+    <Footer />
   </body>
 </html>
 

diff --git a/src/pages/404.astro b/src/pages/404.astro
@@ -1,5 +1,4 @@
 ---
-import Footer from "../components/footer/Footer.astro";
 import Layout from "../layouts/Layout.astro";
 import Error404 from "/public/404.gif";
 ---
@@ -35,5 +34,4 @@ import Error404 from "/public/404.gif";
       />
     </div>
   </main>
-  <Footer />
 </Layout>
diff --git a/src/pages/index.astro b/src/pages/index.astro
@@ -1,10 +1,8 @@
 ---
-import Footer from "../components/footer/Footer.astro";
 import Main from "../components/main/Main.astro";
 import Layout from "../layouts/Layout.astro";
 ---
 
 <Layout title="Portafolio">
   <Main />
-  <Footer />
 </Layout>
diff --git a/src/pages/photos.astro b/src/pages/photos.astro
@@ -1,5 +1,4 @@
 ---
-import Footer from "../components/footer/Footer.astro";
 import Layout from "../layouts/Layout.astro";
 ---
 
@@ -21,7 +20,6 @@ import Layout from "../layouts/Layout.astro";
       <li><img src="" alt="" /></li>
     </ul>
   </main>
-  <Footer />
 </Layout>
 
 <script>