Small design fix to links

This commit is contained in:
prototypa
2024-04-12 10:55:33 -04:00
parent 93fce5e3fa
commit 7023e9ca9f

View File

@@ -34,14 +34,17 @@ const { socialLinks = [], secondaryLinks = [], links = [], footNote = '', theme
<div class="mb-2"> <div class="mb-2">
<a class="inline-block font-bold text-xl" href={getHomePermalink()}>{SITE?.name}</a> <a class="inline-block font-bold text-xl" href={getHomePermalink()}>{SITE?.name}</a>
</div> </div>
<div class="text-sm text-muted"> <div class="text-sm text-muted flex gap-1">
{ {
secondaryLinks.map(({ text, href }) => ( secondaryLinks.map(({ text, href }, index) => (
<>
{index !== 0 ? ' · ' : ''}
<a <a
class="text-muted hover:text-gray-700 dark:text-gray-400 hover:underline transition duration-150 ease-in-out mr-2 rtl:mr-0 rtl:ml-2" class="text-muted hover:text-gray-700 dark:text-gray-400 hover:underline transition duration-150 ease-in-out"
href={href} href={href}
set:html={text} set:html={text}
/> />
</>
)) ))
} }
</div> </div>