encie22/portfolio
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Inline not inline block for links

Browse Source
This commit is contained in:
Nathan Cummins
2025-11-27 09:36:37 +10:30
parent 27c2342bf4
commit 06cb8f28db
1 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/components/TextLink.astro
View File

@@ -22,17 +22,17 @@ const linkIsExternal: boolean =
<a <a
href={href} href={href}
class:list={["group text-primary inline-block transition", className]} class:list={["group text-primary inline transition", className]}
target={href?.toString().startsWith("http") ? "_blank" : undefined} target={href?.toString().startsWith("http") ? "_blank" : undefined}
rel={linkIsExternal ? "noopener noreferrer" : undefined} rel={linkIsExternal ? "noopener noreferrer" : undefined}
{...attrs} {...attrs}
><span class="group-hover:text-gray-300"><slot /></span>{ ><span class="group-hover:text-primary-100"><slot /></span>{
includeExternalLinkIcon && linkIsExternal && ( includeExternalLinkIcon && linkIsExternal && (
<sup class="ml-0.5 inline-block"> <sup class="ml-0.5 inline-block">
<Icon <Icon
name="mdi:external-link" name="mdi:external-link"
class:list={[ class:list={[
"text-primary m-0 inline-block group-hover:text-gray-300" "text-primary group-hover:text-primary-100 m-0 inline-block"
]} ]}
/> />
</sup> </sup>