CodeSandBox/judge4c
2
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

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

Browse Source
This commit is contained in:
cfngc4594 2025-02-21 21:20:52 +08:00
parent 326cce7836
commit 2b5b4dee57
1 changed files with 11 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
src/components/banner.tsx
View File

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