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

heo-动态导航栏

Browse Source
This commit is contained in:
tangly1024.com
2023-07-18 16:45:53 +08:00
parent ad0da8cbe4
commit 26c6fd5dec
2 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
themes/heo/components/Logo.js
View File

@@ -7,7 +7,7 @@ const Logo = props => {
const { siteInfo } = props
return (
<Link href='/' passHref legacyBehavior>
<div className='pl-5 flex flex-nowrap justify-center items-center cursor-pointer font-extrabold'>
<div className='flex flex-nowrap justify-center items-center cursor-pointer font-extrabold'>
{/* eslint-disable-next-line @next/next/no-img-element */}
<img src={siteInfo?.icon} width={24} height={24} alt={BLOG.AUTHOR} className='mr-4 hidden md:block' />
<div id='logo-text' className='group rounded-2xl flex-none relative'>

6
themes/heo/components/NavBarSwipe.js
View File

@@ -58,7 +58,7 @@ export default function NavSwipe(props) {
}, [])
return (
<div className="h-full relative w-full overflow-hidden">
<div className="hidden lg:block h-full relative w-full overflow-hidden">
{items.map((item, index) => (
<div
key={index}
@@ -85,7 +85,7 @@ export default function NavSwipe(props) {
@keyframes slide-in {
from {
transform: translateY(${activeIndex === 0 ? '100%' : '-100%'});
transform: translateY(${activeIndex === 1 ? '100%' : '-100%'});
}
to {
transform: translateY(0);
@@ -97,7 +97,7 @@ export default function NavSwipe(props) {
transform: translateY(0);
}
to {
transform: translateY(${activeIndex === 0 ? '-100%' : '100%'});
transform: translateY(${activeIndex === 1 ? '-100%' : '100%'});
}
}
`}</style>