From 5c77301da822b57cd14e8ea6dd40477f4179a8a8 Mon Sep 17 00:00:00 2001
From: Nikhil M Warrier <nikhilmw.dev@gmail.com>
Date: Sun, 15 Mar 2026 19:46:31 +0530
Subject: Fix icon orientation

---
 src/components/Footer.astro      | 4 ++--
 src/components/SocialIcons.astro | 6 ++++--
 2 files changed, 6 insertions(+), 4 deletions(-)

(limited to 'src')

diff --git a/src/components/Footer.astro b/src/components/Footer.astro
index b8dea07..4471292 100644
--- a/src/components/Footer.astro
+++ b/src/components/Footer.astro
@@ -5,7 +5,7 @@ import SocialIcons from './SocialIcons.astro'
 ---
 
 <footer
-  class="mx-auto mt-16 flex w-full max-w-3xl items-center justify-between gap-y-2 px-2"
+  class="mx-auto mt-16 mb-6 flex w-full max-w-3xl items-center justify-between gap-y-2 px-2"
 >
   <p class="text-muted-foreground font-mono text-xs">
     <span class="c">/*</span>
@@ -30,5 +30,5 @@ import SocialIcons from './SocialIcons.astro'
       color: var(--muted);
     }
   </style>
-  <SocialIcons links={SOCIAL_LINKS} />
+  <SocialIcons class="flex-col" links={SOCIAL_LINKS} />
 </footer>
diff --git a/src/components/SocialIcons.astro b/src/components/SocialIcons.astro
index ef843d6..5f573fc 100644
--- a/src/components/SocialIcons.astro
+++ b/src/components/SocialIcons.astro
@@ -2,17 +2,19 @@
 import Link from '@/components/Link.astro'
 import { buttonVariants } from '@/components/ui/button'
 import { ICON_MAP } from '@/consts'
+import { cn } from '@/lib/utils'
 import type { SocialLink } from '@/types'
 import { Icon } from 'astro-icon/components'
 
 interface Props {
   links: SocialLink[]
+  class?: string
 }
 
-const { links } = Astro.props
+const { links, class: classNames } = Astro.props
 ---
 
-<ul class="flex flex-col flex-wrap gap-2" role="list">
+<ul class={cn('flex flex-wrap gap-2', classNames)} role="list">
   {
     links.map(({ href, label }) => (
       <li>
-- 
cgit v1.2.3