fix(banner): wrap link in a paragraph for better semantic structure

This commit is contained in:
cfngc4594 2025-02-21 21:20:52 +08:00
parent 326cce7836
commit 2b5b4dee57

View File

@ -19,15 +19,17 @@ export function Banner({
{...props}
className={cn("h-12 flex items-center justify-center bg-muted text-foreground", className)}
>
<a href={link} className="group flex justify-center text-sm">
<span className="me-1 text-base leading-none"></span>
{text}
<ArrowRightIcon
className="ms-2 -mt-0.5 inline-flex opacity-60 transition-transform group-hover:translate-x-0.5"
size={16}
aria-hidden="true"
/>
</a>
<p className="flex justify-center text-sm">
<a href={link} className="group">
<span className="me-1 text-base leading-none"></span>
{text}
<ArrowRightIcon
className="ms-2 -mt-0.5 inline-flex opacity-60 transition-transform group-hover:translate-x-0.5"
size={16}
aria-hidden="true"
/>
</a>
</p>
</header>
);
}