封装Layout组件

This commit is contained in:
tangly1024
2021-10-18 12:31:53 +08:00
parent e023aa98e6
commit 710762281c
14 changed files with 246 additions and 353 deletions

View File

@@ -4,11 +4,11 @@ import InfoCard from '@/components/InfoCard'
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'>
return <aside className='z-10 dark:border-gray-500 border-gray-200 bg-white 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 id='sidebar' className='hidden md:block sticky top-20 duration-500'>
<div className={post ? 'block' : 'hidden xl:block'}>
<div >
<InfoCard />
<hr className='dark:border-gray-700' />
<MenuButtonGroup allowCollapse={true} />