fix(tag): use inset ring to avoid clipped outlines (#2985)

This commit is contained in:
0xsysr3ll
2026-05-13 03:28:06 +02:00
committed by GitHub
parent dfde4d34e6
commit cf8720515c

View File

@@ -8,7 +8,7 @@ type TagProps = {
const Tag = ({ children, iconSvg }: TagProps) => {
return (
<div className="inline-flex cursor-pointer items-center rounded-full bg-gray-800 px-2 py-1 text-sm text-gray-200 ring-1 ring-gray-600 transition hover:bg-gray-700">
<div className="inline-flex cursor-pointer items-center rounded-full bg-gray-800 px-2 py-1 text-sm leading-snug text-gray-200 ring-1 ring-inset ring-gray-600 transition hover:bg-gray-700">
{iconSvg ? (
React.cloneElement(iconSvg, {
className: 'mr-1 h-4 w-4',