Merge branch 'main' into update-contributors-45

SamoaCodeHub · Mar 2, 2024 · 1ec4889 · 1ec4889
2 parents fec6741 + fdee854
commit 1ec4889
Showing 1 changed file with 12 additions and 7 deletions.
diff --git a/src/lib/components/Footer.svelte b/src/lib/components/Footer.svelte
@@ -3,12 +3,17 @@
 	import { IconBrandDiscord, IconBrandFacebook, IconBrandGithub } from '@tabler/icons-svelte';
 </script>
 
-<AppBar shadow="shadow-2xl" slotTrail="!space-x-2 flex flex-wrap text-sm md:text-base lg:text-lg">
+<AppBar
+	gridColumns="grid grid-cols-1 sm:grid-cols-3"
+	slotLead="sm:place-self-start place-self-center"
+	shadow="shadow-2xl"
+	slotTrail="sm:place-self-end place-self-center !space-x-2 flex text-sm md:text-base"
+>
 	<svelte:fragment slot="lead">
 		<div class="flex items-center space-x-4">
 			<a
 				title="Dive into the code"
-				class="hidden btn btn-sm variant-ghost-surface md:block"
+				class="hidden btn btn-sm variant-ghost-surface sm:block"
 				href="https://github.com/Samoa-Stack-Overflow"
 				target="_blank"
 			>
@@ -18,14 +23,14 @@
 			<a
 				target="_blank"
 				href="https://github.com/Samoa-Stack-Overflow"
-				class="lg:!ml-0 w-[32px] lg:w-auto overflow-hidden block md:hidden"
+				class="lg:!ml-0 w-[32px] lg:w-auto overflow-hidden block sm:hidden"
 			>
 				<IconBrandGithub />
 			</a>
 			&nbsp;&nbsp;
 			<a
 				title="Join us on Discord"
-				class="hidden btn btn-sm variant-ghost-surface md:block"
+				class="hidden btn btn-sm variant-ghost-surface sm:block"
 				href="https://forms.gle/aoTeV9jF5h7wnqAG6"
 				target="_blank"
 			>
@@ -35,14 +40,14 @@
 			<a
 				target="_blank"
 				href="https://forms.gle/aoTeV9jF5h7wnqAG6"
-				class="lg:!ml-0 w-[32px] lg:w-auto overflow-hidden block md:hidden"
+				class="lg:!ml-0 w-[32px] lg:w-auto overflow-hidden block sm:hidden"
 			>
 				<IconBrandDiscord />
 			</a>
 			&nbsp;&nbsp;
 			<a
 				title="Get the latest on Facebook"
-				class="hidden btn btn-sm variant-ghost-surface md:block"
+				class="hidden btn btn-sm variant-ghost-surface sm:block"
 				href="https://www.facebook.com/groups/948415479224570"
 				target="_blank"
 			>
@@ -52,7 +57,7 @@
 			<a
 				target="_blank"
 				href="https://www.facebook.com/groups/948415479224570"
-				class="lg:!ml-0 w-[32px] lg:w-auto overflow-hidden block md:hidden"
+				class="lg:!ml-0 w-[32px] lg:w-auto overflow-hidden block sm:hidden"
 			>
 				<IconBrandFacebook />
 			</a>