dev.2ha.me/lixiyu-net
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

fix TagBadge vertical margin problem

Browse Source
This commit is contained in:
PrinOrange
2023-12-30 09:19:26 +08:00
parent 3c379c5733
commit d9a073c690
1 changed files with 1 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
components/utils/TagBadge.tsx
View File

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