d0zingcat/NotionNext
1
0
Fork 0
mirror of https://github.com/d0zingcat/NotionNext.git synced 2026-05-14 07:26:52 +00:00
Code Issues Packages Projects Releases Wiki Activity

修复微调布局

Browse Source
This commit is contained in:
tangly1024
2022-02-13 11:44:26 +08:00
parent a038100d42
commit 2feef2c70c
4 changed files with 11 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
themes/Medium/LayoutSlug.js
View File

@@ -60,7 +60,7 @@ export const LayoutSlug = (props) => {
return <LayoutBase {...props} meta={meta} showInfoCard={true} slotRight={slotRight}>
<h1 className='text-4xl pt-12 font-sans'>{post?.title}</h1>
<div className='flex py-4 items-center font-sans px-1'>
<section className='flex py-4 items-center font-sans px-1'>
<Link href='/about' passHref>
<>
<Image
@@ -75,7 +75,7 @@ export const LayoutSlug = (props) => {
</>
</Link>
<div className='text-gray-500'>{date}</div>
</div>
</section>
{/* Notion文章主体 */}
<section id='notion-article' className='px-1 max-w-5xl'>
{post.blockMap && (
@@ -102,10 +102,10 @@ export const LayoutSlug = (props) => {
data-ad-client="ca-pub-2708419466378217"
data-ad-slot="3806269138"/>
</section>
<div>
<section>
<ArticleAround prev={prev} next={next}/>
<Comment frontMatter={post}/>
</div>
</section>
</LayoutBase>
}

2
themes/Medium/components/Footer.js
View File

@@ -9,7 +9,7 @@ const Footer = ({ title }) => {
const startYear = BLOG.SINCE && BLOG.SINCE !== currentYear && BLOG.SINCE + '-'
return (
<footer
className='dark:bg-gray-900 flex-shrink-0 justify-center text-center m-auto w-full leading-6 text-gray-400 text-sm p-6'
className='dark:bg-gray-900 flex-shrink-0 mb-8 justify-center text-center m-auto w-full leading-6 text-gray-400 text-sm p-6'
>
<FontAwesomeIcon icon={faCopyright} /> {`${startYear}${currentYear}`} <span><FontAwesomeIcon icon={faHeart} className='mx-1 animate-pulse'/> <a href={BLOG.LINK} className='underline font-bold text-gray-500 dark:text-gray-300 '>{BLOG.AUTHOR}</a>.
<br/>

12
themes/Medium/components/LogoBar.js
View File

@@ -1,6 +1,4 @@
import BLOG from '@/blog.config'
import { faEnvelope } from '@fortawesome/free-solid-svg-icons'
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
import Link from 'next/link'
export default function LogoBar () {
@@ -16,11 +14,11 @@ export default function LogoBar () {
{/* <a className='text-gray-600'>{locale.NAV.ABOUT}</a> */}
{/* </Link> */}
</div>
{BLOG.CONTACT_EMAIL && <Link href={`mailto:${BLOG.CONTACT_EMAIL}`} passHref>
<div className='bg-black px-2 py-1 rounded-full'>
<FontAwesomeIcon className='cursor-pointer text-white' icon={faEnvelope} />
</div>
</Link>}
{/* {BLOG.CONTACT_EMAIL && <Link href={`mailto:${BLOG.CONTACT_EMAIL}`} passHref> */}
{/* <div className='bg-black px-2 py-1 rounded-full'> */}
{/* <FontAwesomeIcon className='cursor-pointer text-white' icon={faEnvelope} /> */}
{/* </div> */}
{/* </Link>} */}
</div>
</div>
}

4
themes/Medium/components/SocialButton.js
View File

@@ -10,8 +10,7 @@ import React from 'react'
* @constructor
*/
const SocialButton = () => {
return <div className='w-52 flex-wrap flex justify-center'>
<div className='space-x-3 text-xl text-gray-600 dark:text-gray-400 '>
return <div className='space-x-3 text-xl text-gray-600 dark:text-gray-400 flex-wrap flex justify-center '>
{BLOG.CONTACT_GITHUB && <a target='_blank' rel='noreferrer' title={'github'} href={BLOG.CONTACT_GITHUB} >
<FontAwesomeIcon icon={faGithub} className='transform hover:scale-125 duration-150'/>
</a>}
@@ -31,6 +30,5 @@ const SocialButton = () => {
<FontAwesomeIcon icon={faRss} className='transform hover:scale-125 duration-150'/>
</a>
</div>
</div>
}
export default SocialButton