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

👌 微调

Browse Source
This commit is contained in:
tangly1024
2021-09-29 17:29:33 +08:00
parent 63e74f937f
commit 1057ee82d1
2 changed files with 11 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
components/TagItem.js
View File

@@ -3,7 +3,7 @@ import Link from 'next/link'
const TagItem = ({ tag }) => (
<Link href={`/tag/${encodeURIComponent(tag)}`}>
<a>
<p className="hover:shadow hover:scale-105 hover:bg-gray-500 bg-gray-200 hover:text-white duration-200 mr-1 px-2 py-1 leading-none text-sm
<p className="hover:shadow hover:scale-105 hover:bg-gray-500 bg-gray-200 hover:text-white duration-200 mr-1 p-2 leading-none text-sm
dark:bg-gray-500 dark:text-gray-100 dark:hover:bg-black">
{tag}
</p>

23
layouts/ArticleLayout.js
View File

@@ -75,10 +75,17 @@ const ArticleLayout = ({
</h1>
{/* 文章信息 */}
<div className='justify-between flex flex-wrap bg-gray-50 p-2
dark:bg-gray-700 dark:text-white'>
<div className='justify-between flex flex-wrap bg-gray-50 p-2 dark:bg-gray-700 dark:text-white'>
<div className='flex-nowrap flex'>
{frontMatter.slug !== 'about' && (<>
<a
className='hidden md:block duration-200 px-1' href='/article/about'
>
<Image alt={BLOG.author} width={33} height={33} src='/avatar.svg'
className='rounded-full cursor-pointer transform hover:scale-125 duration-200' />
</a>
</>)}
{frontMatter.tags && (
<div className='flex flex-nowrap leading-8 p-1'>
{frontMatter.tags.map(tag => (
@@ -87,18 +94,8 @@ const ArticleLayout = ({
</div>
)}
{frontMatter.slug !== 'about' && (<>
<a
className='flex-nowrap flex hidden md:block hover:bg-blue-500 hover:text-white duration-200 px-1 mx-1'
href='/article/about'>
<Image href='https://www.baidu.com' alt={BLOG.author} width={20} height={20} src='/avatar.svg'
className='rounded-full' />
<div className='mx-2 leading-6 my-1 md:block'>{BLOG.author}</div>
</a>
</>)}
{frontMatter.type[0] !== 'Page' && (
<div className='flex items-start text-gray-500 dark:text-gray-400 text-sm leading-8 pr-3'>
<div className='flex items-start text-gray-500 dark:text-gray-400 leading-10'>
{formatDate(
frontMatter?.date?.start_date || frontMatter.createdTime,
BLOG.lang