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

标签滚动条加侧边遮罩，表格越界,导航条加高，夜间模式适配，按钮样式调整

Browse Source
This commit is contained in:
tangly1024
2021-10-12 17:37:57 +08:00
parent c759e87b61
commit 259f7035e1
11 changed files with 71 additions and 27 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
components/TopNav.js
View File

@@ -8,7 +8,7 @@ import Drawer from '@/components/Drawer'
const TopNav = ({ tags, currentTag, post }) => {
return (
<div className='bg-white dark:bg-gray-600 border-b dark:border-gray-700 '>
<div className='bg-white dark:bg-gray-800 border-b dark:border-gray-700'>
{/* 侧面抽屉 */}
<Drawer post={post} currentTag={currentTag} />
@@ -16,12 +16,12 @@ const TopNav = ({ tags, currentTag, post }) => {
{/* 导航栏 */}
<div
id='sticky-nav'
className='text-sm m-auto w-full flex flex-row justify-between items-center px-2 md:px-4'
className='text-sm m-auto w-full flex flex-row justify-between items-center p-2 md:px-4'
>
<div className='flex ml-12'>
<Link href='/'>
<a
className='flex text-xl p-1 justify-center align-middle my-auto font-bold font-semibold hover:bg-gray-800 hover:text-white duration-200
className='flex text-xl py-1 px-3 justify-center align-middle my-auto font-bold font-semibold hover:bg-gray-800 hover:text-white duration-200
dark:text-gray-300
'>{BLOG.title}</a>
</Link>
@@ -35,13 +35,15 @@ const TopNav = ({ tags, currentTag, post }) => {
<div className='flex flex-nowrap space-x-1'>
<DarkModeButton />
<div className='flex align-middle cursor-pointer'>
<Image
alt={BLOG.author}
width={28}
height={28}
src='/avatar.svg'
className='rounded-full border-black'
/>
<Link href='/article/about'>
<Image
alt={BLOG.author}
width={28}
height={28}
src='/avatar.svg'
className='rounded-full border-black'
/>
</Link>
</div>
</div>
</div>