mirror of
https://github.com/d0zingcat/NotionNext.git
synced 2026-05-14 23:16:49 +00:00
45 lines
1.2 KiB
JavaScript
45 lines
1.2 KiB
JavaScript
import CommonHead from '@/components/CommonHead'
|
|
import TopNav from './components/TopNav'
|
|
import AsideLeft from './components/AsideLeft'
|
|
import Live2D from '@/components/Live2D'
|
|
import BLOG from '@/blog.config'
|
|
|
|
/**
|
|
* 基础布局 采用左右两侧布局，移动端使用顶部导航栏
|
|
* @param children
|
|
* @param layout
|
|
* @param tags
|
|
* @param meta
|
|
* @param post
|
|
* @param currentSearch
|
|
* @param currentCategory
|
|
* @param currentTag
|
|
* @param categories
|
|
* @returns {JSX.Element}
|
|
* @constructor
|
|
*/
|
|
const LayoutBase = (props) => {
|
|
const {
|
|
children,
|
|
headerSlot,
|
|
meta
|
|
} = props
|
|
const leftAreaSlot = <Live2D/>
|
|
return (<div id='theme-fukasawa' >
|
|
<CommonHead meta={meta} />
|
|
<TopNav {...props}/>
|
|
<div className={(BLOG.LAYOUT_SIDEBAR_REVERSE ? 'flex-row-reverse' : '') + ' flex'}>
|
|
<AsideLeft {...props} slot={leftAreaSlot}/>
|
|
<main id='wrapper' className='relative flex w-full py-8 justify-center'>
|
|
<div id='container-inner' className='2xl:max-w-6xl md:max-w-4xl w-full relative z-10'>
|
|
<div> {headerSlot} </div>
|
|
<div>{children}</div>
|
|
</div>
|
|
</main>
|
|
</div>
|
|
|
|
</div>)
|
|
}
|
|
|
|
export default LayoutBase
|