Fix external link icon line break

2025-02-22 13:11:42 -06:00 · 2025-02-22 13:11:42 -06:00 · e378f108a1
commit e378f108a1
parent bf59f0aa09
1 changed files with 13 additions and 13 deletions
--- a/src/admin/AdminLink.tsx
+++ b/src/admin/AdminLink.tsx
@ -17,22 +17,22 @@ export default function AdminLink({
        {...props}
        href={href}
        target="blank"
-        className={clsx(
+        className={className}
+      >
+        <span className={clsx(
          'underline underline-offset-4',
          'decoration-gray-300 dark:decoration-gray-700',
-          className,
-        )}
-      >
-        {children}
+        )}>
+          {children}
+        </span>
+        {externalIcon && <span className="whitespace-nowrap">
+          &nbsp;
+          <FiExternalLink
+            size={14}
+            className="inline translate-y-[-1.5px]"
+          />
+        </span>}
      </Link>
-      {externalIcon &&
-      <>
-        &nbsp;
-        <FiExternalLink
-          size={14}
-          className="inline translate-y-[-1.5px]"
-        />
-      </>}
    </>
  );
 }