d0zingcat/NotionNext
1
0
Fork 0
mirror of https://github.com/d0zingcat/NotionNext.git synced 2026-05-13 23:16:47 +00:00
Code Issues Packages Projects Releases Wiki Activity

theme-photo 菜单样式

Browse Source
This commit is contained in:
tangly1024.com
2024-11-04 16:16:03 +08:00
parent 67019e9477
commit 92fbe668f9
3 changed files with 6 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
themes/photo/components/Header.js
View File

@@ -13,7 +13,7 @@ export const Header = props => {
{/* 左侧Logo */}
<Link
href='/'
className='logo whitespace-nowrap text-2xl md:text-3xl font-bold text-gray-dark no-underline flex items-center'>
className='logo whitespace-nowrap text-2xl md:text-3xl text-gray-dark no-underline flex items-center'>
{siteConfig('TITLE')}
</Link>

2
themes/photo/components/MenuHierarchical.js
View File

@@ -73,7 +73,7 @@ export default function MenuHierarchical(props) {
}, [router])
return (
<div className='absolute top-0 mt-7'>
<div className='absolute top-0 mt-7 italic text-gray-700 dark:text-gray-200'>
{/* 菜单按钮 */}
<div
onClick={toggleMenuOpen}

8
themes/photo/components/MenuItemCollapse.js
View File

@@ -28,12 +28,12 @@ export const MenuItemCollapse = props => {
return (
<>
<div className='select-none w-full text-left ' onClick={toggleShow}>
<div className='select-none w-full text-left' onClick={toggleShow}>
{!hasSubMenu && (
<Link
href={link?.href}
target={link?.target}
className='flex justify-between dark:text-gray-200 no-underline tracking-widest'>
className='flex justify-between no-underline tracking-widest'>
<span className=' transition-all items-center duration-200'>
{link?.icon && <i className={link.icon + ' mr-4'} />}
{link?.name}
@@ -43,13 +43,13 @@ export const MenuItemCollapse = props => {
{hasSubMenu && (
<div
onClick={hasSubMenu ? toggleOpenSubMenu : null}
className='flex items-center justify-between cursor-pointer dark:text-gray-200 no-underline tracking-widest'>
className='flex items-center justify-between cursor-pointer no-underline tracking-widest'>
<span className='transition-all items-center duration-200'>
{link?.icon && <i className={link.icon + ' mr-4'} />}
{link?.name}
</span>
<i
className={`select-none px-2 fas fa-chevron-left transition-all duration-200 ${isOpen ? '-rotate-90' : ''} text-gray-400`}></i>
className={`select-none px-2 fas fa-chevron-left transition-all duration-200 ${isOpen ? '-rotate-90' : ''} `}></i>
</div>
)}
</div>