mirror of
https://github.com/d0zingcat/NotionNext.git
synced 2026-05-13 23:16:47 +00:00
31 lines
1.1 KiB
JavaScript
31 lines
1.1 KiB
JavaScript
import { Home } from '@/components/HeroIcons'
|
|
import LazyImage from '@/components/LazyImage'
|
|
import { siteConfig } from '@/lib/config'
|
|
import Link from 'next/link'
|
|
|
|
const Logo = props => {
|
|
const { siteInfo } = props
|
|
return (
|
|
<Link href='/' passHref legacyBehavior>
|
|
<div className='flex flex-nowrap items-center cursor-pointer font-extrabold'>
|
|
<LazyImage
|
|
src={siteInfo?.icon}
|
|
width={24}
|
|
height={24}
|
|
alt={siteConfig('AUTHOR')}
|
|
className='mr-4 hidden md:block'
|
|
/>
|
|
<div id='logo-text' className='group rounded-2xl flex-none relative'>
|
|
<div className='logo group-hover:opacity-0 opacity-100 visible group-hover:invisible text-lg my-auto rounded dark:border-white duration-200'>
|
|
{siteConfig('TITLE')}
|
|
</div>
|
|
<div className='flex justify-center rounded-2xl group-hover:bg-indigo-600 w-full group-hover:opacity-100 opacity-0 invisible group-hover:visible absolute top-0 py-1 duration-200'>
|
|
<Home className={'w-6 h-6 stroke-white stroke-2 '} />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</Link>
|
|
)
|
|
}
|
|
export default Logo
|