mirror of
https://github.com/d0zingcat/NotionNext.git
synced 2026-05-14 07:26:52 +00:00
Update NotionIcon.js
This commit is contained in:
@@ -5,18 +5,16 @@ import LazyImage from './LazyImage'
|
||||
* 可能是emoji 可能是 svg 也可能是 图片
|
||||
* @returns
|
||||
*/
|
||||
const NotionIcon = ({ icon, className = 'w-8 h-8 my-auto inline mr-1' }) => {
|
||||
const NotionIcon = ({ icon }) => {
|
||||
if (!icon) {
|
||||
return <></>
|
||||
}
|
||||
|
||||
if (icon.startsWith('http') || icon.startsWith('data:')) {
|
||||
// 这里优先使用传入的 className
|
||||
return <LazyImage src={icon} className={className} />
|
||||
return <LazyImage src={icon} className='w-8 h-8 my-auto inline mr-1'/>
|
||||
}
|
||||
|
||||
// 对于 emoji 或 svg,设置默认 className,也可以传递不同的样式
|
||||
return <span className={`inline-block ${className}`}>{icon}</span>
|
||||
return <span className='mr-1'>{icon}</span>
|
||||
}
|
||||
|
||||
export default NotionIcon
|
||||
export default NotionIcon
|
||||
|
||||
Reference in New Issue
Block a user