fix tagbadge ui problem in darkmode

This commit is contained in:
PrinOrange
2024-01-06 23:27:37 +08:00
parent d47d4a18ee
commit c1820a5809
2 changed files with 4 additions and 1 deletions

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-600 dark:border-white dark:text-white dark:hover:border-gray-200">
<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">
{`${props.name}${props.count ? ` (${props.count})` : ""}`}
</div>
</Link>