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

微调样式

Browse Source
This commit is contained in:
tangly1024
2021-10-15 09:26:26 +08:00
parent 14699b63ae
commit fb4b93d5f1
3 changed files with 12 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
components/SideBar.js
View File

@@ -5,19 +5,23 @@ import TagList from '@/components/TagList'
const SideBar = ({ tags, currentTag, post }) => {
return <aside className='z-10 dark:border-gray-500 border-gray-200 bg-white hidden md:block'>
<div className='dark:bg-gray-800 border-r dark:border-gray-700 h-full scroll-hidden left-0 duration-500 ease-in-out min-h-screen'>
<div
className='dark:bg-gray-800 border-r dark:border-gray-700 h-full scroll-hidden left-0 duration-500 ease-in-out min-h-screen'>
<div id='sidebar' className='hidden md:block sticky top-20 duration-500'>
<InfoCard/>
<hr className='dark:border-gray-700'/>
<div className='hidden xl:block'>
<InfoCard />
<hr className='dark:border-gray-700' />
</div>
<div className={post ? 'hidden xl:block' : 'block'}>
<MenuButtonGroup allowCollapse={true}/>
<MenuButtonGroup allowCollapse={true} />
</div>
{tags && (
<div>
{/* 标签云 */}
<hr className='dark:border-gray-700'/>
<section className='py-3 px-5 text-gray-600 dark:text-gray-400 dark:hover:bg-black duration-100 flex flex-nowrap align-middle'>
<hr className='dark:border-gray-700' />
<section
className='py-3 px-5 text-gray-600 dark:text-gray-400 dark:hover:bg-black duration-100 flex flex-nowrap align-middle'>
<div className='my-auto w-5 text-xl justify-center flex'>
<i className='fa fa-tags' />
</div>