diff options
| author | Nikhil M Warrier <nikhilmw.dev@gmail.com> | 2026-03-15 19:46:31 +0530 |
|---|---|---|
| committer | Nikhil M Warrier <nikhilmw.dev@gmail.com> | 2026-03-15 19:46:31 +0530 |
| commit | 5c77301da822b57cd14e8ea6dd40477f4179a8a8 (patch) | |
| tree | 09a15b462e1164994f622b66282c270a71c6ac8d | |
| parent | 7ddd723e299c3331412785c3631ff19b40093e67 (diff) | |
Fix icon orientation
| -rw-r--r-- | src/components/Footer.astro | 4 | ||||
| -rw-r--r-- | src/components/SocialIcons.astro | 6 |
2 files changed, 6 insertions, 4 deletions
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> |