mirror of
https://github.com/d0zingcat/NotionNext.git
synced 2026-05-14 07:26:52 +00:00
23 lines
772 B
JavaScript
23 lines
772 B
JavaScript
import React from 'react'
|
|
import TocBar from '@/components/TocBar'
|
|
import MenuButtonGroup from '@/components/MenuButtonGroup'
|
|
|
|
const SideBar = ({ tags, currentTag, post }) => {
|
|
return <aside className='z-10 bg-white dark:border-gray-500 border-gray-200 mt-12 hidden lg: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='hidden md:block sticky top-12'>
|
|
<div className={post ? 'hidden xl:block' : 'block'}>
|
|
<MenuButtonGroup allowCollapse={true}/>
|
|
</div>
|
|
</div>
|
|
|
|
{post && (
|
|
<div className='sticky top-12'>
|
|
<TocBar toc={post.toc} />
|
|
</div>
|
|
)}
|
|
</div>
|
|
</aside>
|
|
}
|
|
export default SideBar
|