Files
NotionNext/components/TagItem.js
tangly e3423f9768 fix:
博客列表顶部边距;
悬浮百分比负数异常;
标签文字不换行;
背景色不当;
2021-11-07 09:21:34 +08:00

13 lines
524 B
JavaScript

import Link from 'next/link'
const TagItem = ({ tag }) => (
<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">
<div className='whitespace-nowrap'> <i className='fa fa-tag mr-1 '/> {tag}</div>
</div>
</Link>
)
export default TagItem