d0zingcat/NotionNext
1
0
Fork 0
mirror of https://github.com/d0zingcat/NotionNext.git synced 2026-05-14 07:26:52 +00:00
Code Issues Packages Projects Releases Wiki Activity

feature:

Browse Source 
导航栏微调
This commit is contained in:
tangly1024
2021-12-14 12:06:04 +08:00
parent 6ea5c38c73
commit 8148105b92
1 changed files with 3 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
components/TopNav.js
View File

@@ -14,8 +14,8 @@ const TopNav = ({ tags, currentTag, post, posts, currentSearch, categories, curr
<SideBarDrawer post={post} currentTag={currentTag} cRef={drawer} tags={tags} posts={posts} categories={categories} currentCategory={currentCategory}/>
{/* 导航栏 */}
<div id='sticky-nav' className='fixed w-full top-0 z-20 transform duration-500 bg-white dark:bg-gray-700 border-b dark:border-gray-700'>
<div className='text-sm m-auto w-full flex flex-row justify-between items-center px-4 py-2 shadow-md'>
<div id='sticky-nav' className='fixed w-full top-0 z-20 transform duration-500 bg-white dark:bg-gray-700 opacity-90'>
<div className='text-sm m-auto w-full flex flex-row justify-between items-center px-4 py-2 shadow-xl '>
{/* 左侧LOGO */}
<div className='flex ml-12'>
<div onClick={() => { drawer.current.handleSwitchSideDrawerVisible() }}
@@ -23,13 +23,9 @@ const TopNav = ({ tags, currentTag, post, posts, currentSearch, categories, curr
<FontAwesomeIcon icon={faBars} className='hover:scale-125 transform duration-200'
/>
</div>
</div>
{/* 中间搜索框 */}
<div className='w-96'>
<Link href='/' passHref>
<div className='cursor-pointer'>
<h1 className='text-lg font-serif dark:text-gray-200 whitespace-nowrap overflow-x-hidden'>{BLOG.title }</h1>
<h1 className='text-xl pb-0.5 hover:scale-105 duration-200 transform font-serif dark:text-gray-200 whitespace-nowrap overflow-x-hidden'>{BLOG.title }</h1>
</div>
</Link>
</div>