Files
NotionNext/themes/simple/components/Header.js
2023-03-08 20:10:23 +08:00

23 lines
768 B
JavaScript

import Link from 'next/link'
import CONFIG_SIMPLE from '../config_simple'
/**
* 网站顶部
* @returns
*/
export const Header = (props) => {
const { siteInfo } = props
return (
<header className="text-center justify-between items-center px-6 bg-white h-80 dark:bg-black relative z-10">
<div className="float-none inline-block py-12">
<Link href='/'>
{/* eslint-disable-next-line @next/next/no-img-element */}
<img className='max-h-48 hover:opacity-60 duration-200 transition-all cursor-pointer' src={CONFIG_SIMPLE.LOGO_IMG}/>
</Link>
<div className='text-xs text-gray-600 dark:text-gray-300'>{siteInfo?.description}</div>
</div>
</header>
)
}