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

medium-bg-color

Browse Source
This commit is contained in:
tangly1024.com
2023-02-08 17:21:22 +08:00
parent d20a97b07c
commit 9d9e5e37e8
1 changed files with 39 additions and 36 deletions
Download Patch File Download Diff File Expand all files Collapse all files

75
themes/medium/LayoutBase.js
View File

@@ -27,45 +27,48 @@ const LayoutBase = props => {
const [tocVisible, changeTocVisible] = useState(false) const [tocVisible, changeTocVisible] = useState(false)
return ( return (
<ThemeGlobalMedium.Provider value={{ tocVisible, changeTocVisible }} className='bg-white dark:bg-hexo-black-gray w-full h-full min-h-screen justify-center dark:text-gray-300'> <ThemeGlobalMedium.Provider value={{ tocVisible, changeTocVisible }}>
<CommonHead meta={meta} /> <div className='bg-white dark:bg-hexo-black-gray w-full h-full min-h-screen justify-center dark:text-gray-300'>
<main id='wrapper' className={(BLOG.LAYOUT_SIDEBAR_REVERSE ? 'flex-row-reverse' : '') + 'relative flex justify-between w-full h-full mx-auto'}> <CommonHead meta={meta} />
{/* 桌面端左侧菜单 */}
{/* <LeftMenuBar/> */}
<div id='container-inner' className='w-full relative z-10'> <main id='wrapper' className={(BLOG.LAYOUT_SIDEBAR_REVERSE ? 'flex-row-reverse' : '') + 'relative flex justify-between w-full h-full mx-auto'}>
{/* 移动端顶部菜单 */} {/* 桌面端左侧菜单 */}
<TopNavBar {...props}/> {/* <LeftMenuBar/> */}
<div className='px-7 max-w-5xl justify-center mx-auto min-h-screen'>
{slotTop}
{children}
</div>
</div>
{/* 桌面端右侧 */} <div id='container-inner' className='w-full relative z-10'>
<div className='hidden xl:block border-l dark:border-transparent w-96 relative z-10'> {/* 移动端顶部菜单 */}
<div className='py-14 px-6 sticky top-0'> <TopNavBar {...props} />
<Tabs> <div className='px-7 max-w-5xl justify-center mx-auto min-h-screen'>
{slotRight} {slotTop}
<div key={locale.NAV.ABOUT}> {children}
{router.pathname !== '/search' && <SearchInput className='mt-6 mb-12' />} </div>
{showInfoCard && <InfoCard {...props} />} </div>
{CONFIG_MEDIUM.WIDGET_REVOLVER_MAPS === 'true' && <RevolverMaps />}
{/* 桌面端右侧 */}
<div className='hidden xl:block border-l dark:border-transparent w-96 relative z-10'>
<div className='py-14 px-6 sticky top-0'>
<Tabs>
{slotRight}
<div key={locale.NAV.ABOUT}>
{router.pathname !== '/search' && <SearchInput className='mt-6 mb-12' />}
{showInfoCard && <InfoCard {...props} />}
{CONFIG_MEDIUM.WIDGET_REVOLVER_MAPS === 'true' && <RevolverMaps />}
</div>
</Tabs>
<Live2D />
</div>
</div>
</main>
<div className='fixed right-0 bottom-0 hidden md:block lg:mr-6 z-20'>
</div>
{/* 移动端底部 */}
<Footer title={siteInfo?.title} />
<BottomMenuBar {...props} className='block md:hidden' />
</div> </div>
</Tabs> </ThemeGlobalMedium.Provider>
<Live2D/>
</div>
</div>
</main>
<div className='fixed right-0 bottom-0 hidden md:block lg:mr-6 z-20'>
</div>
{/* 移动端底部 */}
<Footer title={siteInfo?.title}/>
<BottomMenuBar {...props} className='block md:hidden' />
</ThemeGlobalMedium.Provider>
) )
} }