mirror of
https://github.com/d0zingcat/NotionNext.git
synced 2026-05-14 15:09:22 +00:00
39 lines
1.2 KiB
JavaScript
39 lines
1.2 KiB
JavaScript
import CommonHead from '@/components/CommonHead'
|
|
import React from 'react'
|
|
import Footer from './components/Footer'
|
|
import InfoCard from './components/InfoCard'
|
|
import LogoBar from './components/LogoBar'
|
|
import RevolverMaps from './components/RevolverMaps'
|
|
import CONFIG_MEDIUM from './config_medium'
|
|
|
|
/**
|
|
* 基础布局 采用左右两侧布局，移动端使用顶部导航栏
|
|
|
|
* @returns {JSX.Element}
|
|
* @constructor
|
|
*/
|
|
const LayoutBase = props => {
|
|
const { children, meta, showInfoCard = true } = props
|
|
|
|
return (
|
|
<div className='bg-white w-full h-full min-h-screen justify-center'>
|
|
<CommonHead meta={meta}/>
|
|
<main id="wrapper" className='max-w-7xl w-full h-full mx-auto'>
|
|
<LogoBar/>
|
|
<div className='w-72 px-8 py-12 fixed top-24 hidden lg:block'>
|
|
{showInfoCard && <InfoCard/>}
|
|
</div>
|
|
<div className='lg:ml-72 max-w-3xl w-full px-5'>
|
|
{children}
|
|
</div>
|
|
<div className='w-72 px-8 py-6 fixed right-12 top-24 hidden lg:block'>
|
|
{ CONFIG_MEDIUM.WIDGET_REVOLVER_MAPS === 'true' && <RevolverMaps/>}
|
|
</div>
|
|
</main>
|
|
<Footer/>
|
|
</div>
|
|
)
|
|
}
|
|
|
|
export default LayoutBase
|