Files
NotionNext/components/SocialButton.js
2021-10-11 17:14:52 +08:00

31 lines
1.0 KiB
JavaScript

import React from 'react'
/**
* 社交联系方式按钮组
* @returns {JSX.Element}
* @constructor
*/
const SocialButton = () => {
return <div className='w-52'>
<div className='space-x-3 text-2xl text-black dark:text-gray-400 px-6'>
<a target='_blank' rel='noreferrer' title={'github'}
href={'https://github.com/tangly1024'} >
<div className='fa fa-github transform hover:scale-125 duration-150'/>
</a>
<a target='_blank' rel='noreferrer' title={'twitter'}
href={'https://twitter.com/troy1024_1'} >
<div className='fa fa-twitter transform hover:scale-125 duration-150'/>
</a>
<a href={'https://t.me/tangly_1024'} title={'telegram'} >
<div className='fa fa-telegram transform hover:scale-125 duration-150'/>
</a>
<a target='_blank' rel='noreferrer' title={'weibo'}
href={'https://weibo.com/tangly1024'} >
<div className='fa fa-weibo transform hover:scale-125 duration-150'/>
</a>
</div>
</div>
}
export default SocialButton