Add Footer to home

This commit is contained in:
2023-09-26 01:10:27 +08:00
parent 32d0cd7c2a
commit 6ffb2ca231
6 changed files with 54 additions and 4 deletions

View File

@@ -0,0 +1,30 @@
import React from 'react'
import FitCenter from '@/components/common/FitCenter.tsx'
import Icon from '@ant-design/icons'
import '@/assets/css/components/home/footer.scss'
import FitFullScreen from '@/components/common/FitFullScreen.tsx'
import { NavLink } from 'react-router-dom'
const Footer: React.FC = () => {
return (
<>
<FitFullScreen backgroundColor={'#333'}>
<FitCenter vertical={true} style={{ gap: '20px' }}>
<div className={'icons'}>
<NavLink to={'https://github.com/FatttSnake'}>
<Icon component={IconFatwebGithub} className={'icon'} />
</NavLink>
<NavLink to={'https://ci.fatweb.top'}>
<Icon component={IconFatwebJenkins} className={'icon'} />
</NavLink>
</div>
<div className={'links'}>
<NavLink to={'mailto:fatttsnake@fatweb.top'}>Mail</NavLink>
</div>
</FitCenter>
</FitFullScreen>
</>
)
}
export default Footer