mirror of
https://github.com/d0zingcat/NotionNext.git
synced 2026-05-14 15:09:22 +00:00
25 lines
780 B
JavaScript
25 lines
780 B
JavaScript
import React from 'react'
|
|
import Link from 'next/link'
|
|
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
|
|
import { faInfo } from '@fortawesome/free-solid-svg-icons'
|
|
|
|
/**
|
|
* 悬浮在屏幕右下角,联系我的按钮
|
|
* @returns {JSX.Element}
|
|
* @constructor
|
|
*/
|
|
const ContactButton = () => {
|
|
return (
|
|
<Link href='/about'>
|
|
<a className={'fixed right-10 bottom-40 animate__fadeInRight animate__animated animate__faster'}>
|
|
<span
|
|
className='dark:bg-black bg-white px-5 py-3 cursor-pointer shadow-card text-xl hover:bg-blue-500 transform duration-200 hover:text-white hover:shadow'>
|
|
<FontAwesomeIcon icon={faInfo} className='dark:text-gray-200 ' title='about' />
|
|
</span>
|
|
</a>
|
|
</Link>
|
|
)
|
|
}
|
|
|
|
export default ContactButton
|