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

matery 主题已知样式bug修复，导航栏透明色优化

Browse Source
This commit is contained in:
tangly1024.com
2024-05-11 14:00:09 +08:00
parent 949a824581
commit 48462a4ed1
2 changed files with 37 additions and 39 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
themes/matery/components/Header.js
View File

@@ -3,6 +3,7 @@ import { siteConfig } from '@/lib/config'
import { useGlobal } from '@/lib/global'
import throttle from 'lodash.throttle'
import Link from 'next/link'
import { useRouter } from 'next/router'
import { useCallback, useEffect, useRef, useState } from 'react'
import CONFIG from '../config'
import CategoryGroup from './CategoryGroup'
@@ -28,6 +29,7 @@ const Header = props => {
const throttleMs = 200
const showSearchButton = siteConfig('MATERY_MENU_SEARCH', false, CONFIG)
const router = useRouter()
const scrollTrigger = useCallback(
throttle(() => {
requestAnimationFrame(() => {
@@ -85,7 +87,7 @@ const Header = props => {
return () => {
window.removeEventListener('scroll', scrollTrigger)
}
}, [])
}, [router])
const [isOpen, changeShow] = useState(false)

72
themes/matery/index.js
View File

@@ -201,7 +201,7 @@ const LayoutArchive = props => {
const { archivePosts } = props
return (
<>
<Card className='w-full -mt-32'>
<Card className='w-full mt-8'>
<div className='mb-10 pb-20 bg-white md:p-12 p-3 min-h-full dark:bg-hexo-black-gray'>
{Object.keys(archivePosts).map(archiveTitle => (
<BlogPostArchive
@@ -355,27 +355,25 @@ const LayoutCategoryIndex = props => {
const { categoryOptions } = props
return (
<>
<div id='inner-wrapper' className='w-full'>
<div className='drop-shadow-xl -mt-32 rounded-md mx-3 px-5 lg:border lg:rounded-xl lg:px-2 lg:py-4 bg-white dark:bg-hexo-black-gray dark:border-black dark:text-gray-300'>
<div className='flex justify-center flex-wrap'>
{categoryOptions?.map(e => {
return (
<Link
key={e.name}
href={`/category/${e.name}`}
passHref
legacyBehavior>
<div className='duration-300 text-md whitespace-nowrap dark:hover:text-white px-5 cursor-pointer py-2 hover:text-indigo-400'>
<i className={'mr-4 fas fa-folder'} /> {e.name}({e.count})
</div>
</Link>
)
})}
</div>
<div id='inner-wrapper' className='w-full'>
<div className='drop-shadow-xl mt-8 rounded-md mx-3 px-5 lg:border lg:rounded-xl lg:px-2 lg:py-4 bg-white dark:bg-hexo-black-gray dark:border-black dark:text-gray-300'>
<div className='flex justify-center flex-wrap'>
{categoryOptions?.map(e => {
return (
<Link
key={e.name}
href={`/category/${e.name}`}
passHref
legacyBehavior>
<div className='duration-300 text-md whitespace-nowrap dark:hover:text-white px-5 cursor-pointer py-2 hover:text-indigo-400'>
<i className={'mr-4 fas fa-folder'} /> {e.name}({e.count})
</div>
</Link>
)
})}
</div>
</div>
</>
</div>
)
}
@@ -388,27 +386,25 @@ const LayoutTagIndex = props => {
const { tagOptions } = props
const { locale } = useGlobal()
return (
<>
<div id='inner-wrapper' className='w-full drop-shadow-xl'>
<div className='-mt-32 rounded-md mx-3 px-5 lg:border lg:rounded-xl lg:px-2 lg:py-4 bg-white dark:bg-hexo-black-gray dark:border-black'>
<div className='dark:text-gray-200 py-5 text-center text-2xl'>
<i className='fas fa-tags' /> {locale.COMMON.TAGS}
</div>
<div id='inner-wrapper' className='w-full drop-shadow-xl'>
<div className='mt-8 rounded-md mx-3 px-5 lg:border lg:rounded-xl lg:px-2 lg:py-4 bg-white dark:bg-hexo-black-gray dark:border-black'>
<div className='dark:text-gray-200 py-5 text-center text-2xl'>
<i className='fas fa-tags' /> {locale.COMMON.TAGS}
</div>
<div
id='tags-list'
className='duration-200 flex flex-wrap justify-center pb-12'>
{tagOptions.map(tag => {
return (
<div key={tag.name} className='p-2'>
<TagItemMiddle key={tag.name} tag={tag} />
</div>
)
})}
</div>
<div
id='tags-list'
className='duration-200 flex flex-wrap justify-center pb-12'>
{tagOptions.map(tag => {
return (
<div key={tag.name} className='p-2'>
<TagItemMiddle key={tag.name} tag={tag} />
</div>
)
})}
</div>
</div>
</>
</div>
)
}