黑暗模式

This commit is contained in:
Blackberry009
2025-06-13 18:23:27 +08:00
parent d8db32d71a
commit c8c7769e9a
8 changed files with 23 additions and 25 deletions

View File

@@ -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>