fix the ui flaw in light mode

This commit is contained in:
PrinOrange
2024-01-06 23:35:24 +08:00
parent c1820a5809
commit 8ce080fedd

View File

@@ -3,7 +3,7 @@ import Link from "next/link";
export const TagBadge = (props: { name: string; size: "sm" | "md"; count?: number }) => {
return (
<Link href={`/tags/${props.name}`} className={`mx-1 my-1 ${props.size === "sm" ? "text-sm" : "text-base"}`}>
<div className="border-2 border-black px-2 hover:border-gray-600 hover:text-gray-300 dark:border-white dark:text-white dark:hover:border-gray-300">
<div className="border-2 border-black px-2 hover:border-gray-600 hover:text-gray-600 dark:hover:text-gray-300 dark:border-white dark:text-white dark:hover:border-gray-300">
{`${props.name}${props.count ? ` (${props.count})` : ""}`}
</div>
</Link>