Files
NotionNext/components/TagItem.js
tangly1024 dac545e08e bugfix:
文章底部标签
2021-11-13 10:01:21 +08:00

13 lines
556 B
JavaScript

import Link from 'next/link'
const TagItem = ({ tag, count }) => (
<Link href={`/tag/${encodeURIComponent(tag)}`}>
<div className="cursor-pointer hover:shadow hover:border-gray-600 rounded-md dark:border-gray-500 border hover:scale-105 hover:bg-gray-500 bg-gray-100 hover:text-white duration-200 mr-1 p-2 leading-none text-sm
dark:bg-gray-500 dark:text-gray-100 dark:hover:bg-black">
<span className='whitespace-nowrap'> <i className='fa fa-tag mr-1 '/> {tag}{count && `(${count})`}</span>
</div>
</Link>
)
export default TagItem