d0zingcat/NotionNext
1
0
Fork 0
mirror of https://github.com/d0zingcat/NotionNext.git synced 2026-06-01 15:10:14 +00:00
Code Issues Packages Projects Releases Wiki Activity

optimize theme

Browse Source
This commit is contained in:
tangly1024
2023-03-08 21:50:08 +08:00
parent 6033d08890
commit ff8ae782b7
20 changed files with 131 additions and 144 deletions
Download Patch File Download Diff File Expand all files Collapse all files

25
themes/simple/components/Header.js
View File

@@ -1,5 +1,6 @@
import BLOG from '@/blog.config'
import Link from 'next/link'
import CONFIG_SIMPLE from '../config_simple'
// import CONFIG_SIMPLE from '../config_simple'
/**
* 网站顶部
@@ -9,13 +10,23 @@ 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">
<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>
<Link href='/'>
{/* 可使用一张单图作为logo */}
{/* 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}/> */}
<div>
<div className='hover:rotate-45 hover:scale-125 transform duration-200 cursor-pointer'>
{/* eslint-disable-next-line @next/next/no-img-element */}
<img src={siteInfo?.icon} className='rounded-full' width={120} alt={BLOG.AUTHOR} />
</div>
<div className='text-2xl font-serif dark:text-white py-2 hover:scale-105 transform duration-200'>{BLOG.AUTHOR}</div>
<div className='font-light dark:text-white py-2 hover:scale-105 transform duration-200 text-center'>{BLOG.BIO}</div>
</div>
</Link>
<div className='text-xs text-gray-500 dark:text-gray-300'>{siteInfo?.description}</div>
</div>
</header>
)