mirror of
https://github.com/d0zingcat/NotionNext.git
synced 2026-06-04 07:26:47 +00:00
Merge branch 'release/4.0.0' into feat/new-theme-heo
This commit is contained in:
@@ -8,7 +8,7 @@ const CONFIG = {
|
|||||||
|
|
||||||
// 首页大图英雄板块
|
// 首页大图英雄板块
|
||||||
HERO_TITLE_1: 'NotionNext',
|
HERO_TITLE_1: 'NotionNext',
|
||||||
HERO_P_1: '快速搭建独立站、轻松放大您的品牌价值!',
|
HERO_P_1: '快速搭建独立站、轻松放大品牌价值!',
|
||||||
HERO_BUTTON_1_TEXT: '开始体验',
|
HERO_BUTTON_1_TEXT: '开始体验',
|
||||||
HERO_BUTTON_1_LINK: 'https://docs.tangly1024.com/article/vercel-deploy-notion-next',
|
HERO_BUTTON_1_LINK: 'https://docs.tangly1024.com/article/vercel-deploy-notion-next',
|
||||||
HERO_BUTTON_2_TEXT: '了解更多',
|
HERO_BUTTON_2_TEXT: '了解更多',
|
||||||
|
|||||||
@@ -9,37 +9,30 @@ import Collapse from '@/components/Collapse'
|
|||||||
import { MenuItemCollapse } from './MenuItemCollapse'
|
import { MenuItemCollapse } from './MenuItemCollapse'
|
||||||
|
|
||||||
const Header = props => {
|
const Header = props => {
|
||||||
const { navBarTitle, fullWidth, siteInfo } = props
|
const { fullWidth, siteInfo } = props
|
||||||
|
|
||||||
|
const title = siteInfo?.title
|
||||||
|
|
||||||
return <div className='md:hidden fixed top-0 w-full z-20'>
|
return <div className='md:hidden fixed top-0 w-full z-20'>
|
||||||
<div id="sticky-nav"
|
<div id="sticky-nav"
|
||||||
className={`sticky-nav m-auto w-full h-6 flex flex-row justify-between items-center mb-2 md:mb-12 py-8 glassmorphism ${!fullWidth ? 'max-w-3xl px-4' : 'px-4 md:px-24'
|
className={`sticky-nav m-auto w-full h-6 flex flex-row justify-between items-center mb-2 md:mb-12 py-8 glassmorphism ${!fullWidth ? 'max-w-3xl px-4' : 'px-4 md:px-24'
|
||||||
}`} >
|
}`} >
|
||||||
<div className="flex items-center">
|
<Link href="/" aria-label={BLOG.title} className="flex items-center">
|
||||||
<Link href="/" aria-label={BLOG.title}>
|
<>
|
||||||
|
<div className="h-6 w-6">
|
||||||
<div className="h-6 w-6">
|
{/* <SvgIcon/> */}
|
||||||
{/* <SvgIcon/> */}
|
{CONFIG.NAV_NOTION_ICON
|
||||||
{CONFIG.NAV_NOTION_ICON
|
/* eslint-disable-next-line @next/next/no-img-element */
|
||||||
/* eslint-disable-next-line @next/next/no-img-element */
|
? <img src={siteInfo?.icon} width={24} height={24} alt={BLOG.AUTHOR} />
|
||||||
? <img src={siteInfo?.icon} width={24} height={24} alt={BLOG.AUTHOR} />
|
: <SvgIcon />}
|
||||||
: <SvgIcon />}
|
|
||||||
|
|
||||||
</div>
|
|
||||||
|
|
||||||
|
</div>
|
||||||
|
<p className="ml-2 font-medium text-gray-800 dark:text-gray-300 header-name">
|
||||||
|
{title} {/* ,{' '}<span className="font-normal">{siteInfo?.description}</span> */}
|
||||||
|
</p>
|
||||||
|
</>
|
||||||
</Link>
|
</Link>
|
||||||
{navBarTitle
|
|
||||||
? (
|
|
||||||
<p className="ml-2 font-medium text-gray-800 dark:text-gray-300 header-name">
|
|
||||||
{navBarTitle}
|
|
||||||
</p>
|
|
||||||
)
|
|
||||||
: (
|
|
||||||
<p className="ml-2 font-medium text-gray-800 dark:text-gray-300 header-name">
|
|
||||||
{siteInfo?.title}
|
|
||||||
{/* ,{' '}<span className="font-normal">{siteInfo?.description}</span> */}
|
|
||||||
</p>
|
|
||||||
)}
|
|
||||||
</div>
|
|
||||||
<NavBar {...props} />
|
<NavBar {...props} />
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -82,7 +75,7 @@ const NavBar = props => {
|
|||||||
<div className='md:hidden'><i onClick={toggleOpen} className='fas fa-bars cursor-pointer px-5 block md:hidden'></i>
|
<div className='md:hidden'><i onClick={toggleOpen} className='fas fa-bars cursor-pointer px-5 block md:hidden'></i>
|
||||||
<Collapse collapseRef={collapseRef} isOpen={isOpen} type='vertical' className='fixed top-16 right-6'>
|
<Collapse collapseRef={collapseRef} isOpen={isOpen} type='vertical' className='fixed top-16 right-6'>
|
||||||
<div className='dark:border-black bg-white dark:bg-black rounded border p-2 text-sm'>
|
<div className='dark:border-black bg-white dark:bg-black rounded border p-2 text-sm'>
|
||||||
{links?.map(link => <MenuItemCollapse key={link?.id} link={link} onHeightChange={(param) => collapseRef.current?.updateCollapseHeight(param)}/>)}
|
{links?.map(link => <MenuItemCollapse key={link?.id} link={link} onHeightChange={(param) => collapseRef.current?.updateCollapseHeight(param)} />)}
|
||||||
</div>
|
</div>
|
||||||
</Collapse>
|
</Collapse>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@@ -68,7 +68,7 @@ const LayoutBase = props => {
|
|||||||
<Header {...props} />
|
<Header {...props} />
|
||||||
|
|
||||||
{/* 主区 */}
|
{/* 主区 */}
|
||||||
<main id='out-wrapper' className={'relative m-auto flex-grow w-full transition-all pb-16'}>
|
<main id='out-wrapper' className={'relative m-auto flex-grow w-full transition-all pb-16 pt-16 md:pt-0'}>
|
||||||
|
|
||||||
<Transition
|
<Transition
|
||||||
show={!onLoading}
|
show={!onLoading}
|
||||||
|
|||||||
Reference in New Issue
Block a user