mirror of
https://github.com/d0zingcat/NotionNext.git
synced 2026-06-04 15:10:23 +00:00
黑暗模式
This commit is contained in:
@@ -14,19 +14,19 @@ import Link from 'next/link'
|
||||
export default function NavBar(props) {
|
||||
return (
|
||||
<div className='flex flex-col justify-between md:mt-20 md:h-[70vh]'>
|
||||
<header className='w-fit self-center md:self-start md:pb-8 md:border-l-2 md:border-[var(--primary-color)] text-[var(--primary-color)] md:[writing-mode:vertical-lr] px-4 hover:bg-[var(--primary-color)] hover:text-white ease-in-out duration-700 md:hover:pt-4 md:hover:pb-4'>
|
||||
<header className='w-fit self-center md:self-start md:pb-8 md:border-l-2 dark:md:border-white dark:text-white md:border-[var(--primary-color)] text-[var(--primary-color)] md:[writing-mode:vertical-lr] px-4 hover:bg-[var(--primary-color)] dark:hover:bg-white hover:text-white dark:hover:text-[var(--primary-color)] ease-in-out duration-700 md:hover:pt-4 md:hover:pb-4 mb-2'>
|
||||
<Link href='/'>
|
||||
<div className='flex flex-col-reverse md:flex-col items-center md:items-start'>
|
||||
<div className='font-bold text-4xl text-center' id='blog-name'>
|
||||
活版印字
|
||||
</div>
|
||||
<div className='font-bold text-xl text-center' id='blog-name-en'>
|
||||
Typography
|
||||
山野
|
||||
</div>
|
||||
{/* <div className='font-bold text-xl text-center' id='blog-name-en'>
|
||||
Blog
|
||||
</div> */}
|
||||
</div>
|
||||
</Link>
|
||||
</header>
|
||||
<nav className='md:pt-0 z-20 dark:border-hexo-black-gray dark:bg-black flex-shrink-0'>
|
||||
<nav className='md:pt-0 z-20 flex-shrink-0'>
|
||||
<div id='nav-bar-inner' className='text-sm md:text-md'>
|
||||
<MenuList {...props} />
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user