Inline not inline block for links
This commit is contained in:
@@ -22,17 +22,17 @@ const linkIsExternal: boolean =
|
||||
|
||||
<a
|
||||
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}
|
||||
rel={linkIsExternal ? "noopener noreferrer" : undefined}
|
||||
{...attrs}
|
||||
><span class="group-hover:text-gray-300"><slot /></span>{
|
||||
><span class="group-hover:text-primary-100"><slot /></span>{
|
||||
includeExternalLinkIcon && linkIsExternal && (
|
||||
<sup class="ml-0.5 inline-block">
|
||||
<Icon
|
||||
name="mdi:external-link"
|
||||
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>
|
||||
|
||||
Reference in New Issue
Block a user