d0zingcat/NotionNext
1
0
Fork 0
mirror of https://github.com/d0zingcat/NotionNext.git synced 2026-06-01 15:10:14 +00:00
Code Issues Packages Projects Releases Wiki Activity

feature:

Browse Source 
调整字体，重新排版
This commit is contained in:
tangly1024
2021-12-08 17:21:07 +08:00
parent 04ec195520
commit bca046cf03
21 changed files with 67 additions and 85 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
pages/archive/index.js
View File

@@ -57,7 +57,7 @@ const Index = ({ allPosts, tags, categories }) => {
return (
<BaseLayout meta={meta} tags={tags} categories={categories}>
<div className='flex-grow bg-gray-200 dark:bg-black shadow-inner pt-16 '>
<div className=' pt-16 '>
<StickyBar>
<div className='py-2.5 text-lg lg:mx-14 dark:text-gray-200'><FontAwesomeIcon icon={faArchive} className='mr-4'/>{locale.NAV.ARCHIVE}</div>
</StickyBar>

10
pages/article/[slug].js
View File

@@ -51,20 +51,20 @@ const ArticleDetail = ({ post, blockMap, tags, prev, next, allPosts, categories
return <BaseLayout meta={meta} tags={tags} post={post} totalPosts={allPosts} categories={categories}>
<Progress targetRef={targetRef} />
<div id='article-wrapper' ref={targetRef} className='flex-grow dark:bg-black bg-gray-200'>
<div id='article-wrapper' ref={targetRef} className='flex-grow'>
<div className='max-w-5xl mx-auto mt-16 xl:mt-32 w-screen md:w-full '>
<div className='max-w-5xl mx-auto mt-16 xl:mt-32 w-screen md:w-full hover:shadow-2xl'>
{post.type && !post.type.includes('Page') && (<>
<header className='w-full h-60 lg:h-96 transform duration-200 md:flex-shrink-0'>
<header className='w-full h-60 lg:h-96 transform duration-200 md:flex-shrink-0 rounded-t-2xl overflow-hidden'>
<Image src={(post.page_cover && post.page_cover.length > 1) ? post.page_cover : BLOG.defaultImgCover} loading='eager' objectFit='cover' layout='fill' alt={post.title} />
</header>
</>)}
<article itemScope itemType="https://schema.org/Movie" className='animate__fadeIn animate__animated subpixel-antialiased lg:pt-32 lg:px-44 px-5 py-2 dark:border-gray-700 bg-white dark:bg-gray-800'>
{/* 文章Title */}
<h2 className='font-bold text-3xl pt-5 text-black dark:text-white italic'> {post.title}</h2>
<h2 className='font-bold text-3xl pt-5 text-black dark:text-white font-serif'> {post.title}</h2>
<hr className='mt-4' />
<section className='flex-nowrap flex mt-1 dark:text-white'>
<section className='flex-nowrap flex mt-1 dark:text-white font-light'>
<Link href={`/category/${post.category}`} passHref>
<div className='cursor-pointer text-md py-2 ml-1 mr-3 text-gray-500 dark:text-gray-300 hover:text-black dark:hover:text-white'>
<FontAwesomeIcon icon={faFolderOpen} className='mr-1' />{post.category}

2
pages/category/[category].js
View File

@@ -14,7 +14,7 @@ export default function Category ({ tags, allPosts, filteredPosts, category, cat
type: 'website'
}
return <BaseLayout meta={meta} tags={tags} currentCategory={category} totalPosts={allPosts} categories={categories}>
<div className='flex-grow bg-gray-200 dark:bg-black shadow-inner pt-16'>
<div className=' pt-16'>
<StickyBar>
<CategoryList currentCategory={category} categories={categories} />
</StickyBar>

2
pages/category/index.js
View File

@@ -16,7 +16,7 @@ export default function Category ({ tags, allPosts, categories }) {
type: 'website'
}
return <BaseLayout meta={meta} totalPosts={allPosts} tags={tags}>
<div className='flex-grow bg-gray-200 dark:bg-black shadow-inner p-2 lg:px-14'>
<div className=' p-2 lg:px-14'>
<div className='bg-white dark:bg-gray-700 px-10 py-10 mt-20 lg:mt-16'>
<div className='dark:text-gray-200 mb-5'><FontAwesomeIcon icon={faThList} className='mr-4' />{locale.COMMON.CATEGORY}:</div>
<div id='category-list' className='duration-200 flex flex-wrap'>

2
pages/index.js
View File

@@ -30,7 +30,7 @@ export async function getStaticProps () {
const Index = ({ allPosts, tags, meta, categories }) => {
return (
<BaseLayout meta={meta} tags={tags} totalPosts={allPosts} categories={categories}>
<div className='flex-grow bg-gray-200 dark:bg-black shadow-inner'>
<div className=''>
<BlogPostListScroll posts={allPosts} tags={tags} />
</div>
</BaseLayout>

2
pages/search.js
View File

@@ -46,7 +46,7 @@ const Search = ({ allPosts, tags, categories }) => {
}
return (
<BaseLayout meta={meta} tags={tags} totalPosts={allPosts} currentSearch={searchKey} categories={categories}>
<div className='flex-grow bg-gray-200 dark:bg-black shadow-inner'>
<div className=''>
<StickyBar>
<div className='p-4 dark:text-gray-200'><FontAwesomeIcon icon={faSearch} className='mr-1'/> 搜索词： {searchKey}</div>
</StickyBar>

2
pages/tag/[tag].js
View File

@@ -13,7 +13,7 @@ export default function Tag ({ tags, allPosts, filteredPosts, currentTag, catego
type: 'website'
}
return <BaseLayout meta={meta} tags={tags} currentTag={currentTag} categories={categories} totalPosts={allPosts}>
<div className='flex-grow bg-gray-200 dark:bg-black shadow-inner pt-16'>
<div className=' pt-16'>
<StickyBar>
<TagList tags={tags} currentTag={currentTag}/>
</StickyBar>

2
pages/tag/index.js
View File

@@ -16,7 +16,7 @@ export default function Tag ({ tags, allPosts, categories }) {
type: 'website'
}
return <BaseLayout meta={meta} categories={categories} totalPosts={allPosts}>
<div className='flex-grow bg-gray-200 dark:bg-black shadow-inner p-2 lg:px-14'>
<div className=' p-2 lg:px-14'>
<div className='bg-white dark:bg-gray-700 px-10 py-10 mt-20 lg:mt-16'>
<div className='dark:text-gray-200 mb-5'><FontAwesomeIcon icon={faTags} className='mr-4'/>{locale.COMMON.TAGS}:</div>
<div id='tags-list' className='duration-200 flex flex-wrap'>