Merge pull request #482 from emrocode/footer-redesign

Add horizontal rule
midudev · Mar 13, 2024 · 439f46c · 439f46c
2 parents fba564a + a20a8e3
commit 439f46c
Showing 1 changed file with 8 additions and 2 deletions.
diff --git a/src/sections/Footer.astro b/src/sections/Footer.astro
@@ -6,15 +6,21 @@ import XIcon from "@/icons/x.astro"
 ---
 
 <footer
-	class="mt-20 flex w-full flex-col place-items-center border-t-2 border-primary pb-20 pt-6 md:flex-row md:justify-between"
+	class="relative mt-20 flex w-full flex-col place-items-center pb-20 pt-14 md:flex-row md:justify-between md:pt-16"
 >
+	<hr
+		class="absolute top-0 h-[2px] w-full min-w-[20rem] border-t-0 bg-transparent bg-gradient-to-r from-transparent via-white to-transparent bg-center md:my-9"
+	/>
 	<Typography as="span" variant="body" color="neutral" class:list={"text-center"}>
 		&copy; {new Date().getFullYear()} La Velada del Año <span
 			aria-hidden="true"
 			class="hidden md:inline">|</span
 		><br aria-hidden="true" class="block md:hidden" /> Todos los derechos reservados.
 	</Typography>
-	<span aria-hidden="true" class="mt-6 w-full border-t-2 border-primary pt-6 md:hidden"></span>
+	<hr
+		aria-hidden="true"
+		class="my-12 h-[2px] w-full min-w-[20rem] border-t-0 bg-transparent bg-gradient-to-r from-transparent via-white to-transparent bg-center md:hidden"
+	/>
 	<nav>
 		<ul
 			class="flex flex-row items-center gap-x-6"