hexo-home-button

This commit is contained in:
tangly1024.com
2023-02-08 18:13:12 +08:00
parent 80d4c3112a
commit 2e4f0484bc

View File

@@ -8,14 +8,14 @@ import Link from 'next/link'
* @returns * @returns
*/ */
const NavButtonGroup = (props) => { const NavButtonGroup = (props) => {
const { categories } = props const { categoryOptions } = props
if (!categories || categories.length === 0) { if (!categoryOptions || categoryOptions.length === 0) {
return <></> return <></>
} }
return ( return (
<nav id='home-nav-button' className={'md:h-52 md:mt-6 xl:mt-32 px-5 py-2 mt-8 flex flex-wrap md:max-w-5xl space-y-2 md:space-y-0 md:flex justify-center max-h-80 overflow-auto'}> <nav id='home-nav-button' className={'md:h-52 md:mt-6 xl:mt-32 px-5 py-2 mt-8 flex flex-wrap md:max-w-5xl space-y-2 md:space-y-0 md:flex justify-center max-h-80 overflow-auto'}>
{categories.map(category => { {categoryOptions.map(category => {
return ( return (
<Link <Link
key={`${category.name}`} key={`${category.name}`}
@@ -25,9 +25,9 @@ const NavButtonGroup = (props) => {
className='text-center w-full md:mx-6 md:w-40 md:h-14 lg:h-20 h-14 justify-center items-center flex border-2 cursor-pointer rounded-lg glassmorphism hover:bg-white hover:text-black duration-200 font-bold hover:scale-110 transform'> className='text-center w-full md:mx-6 md:w-40 md:h-14 lg:h-20 h-14 justify-center items-center flex border-2 cursor-pointer rounded-lg glassmorphism hover:bg-white hover:text-black duration-200 font-bold hover:scale-110 transform'>
{category.name} {category.name}
</Link> </Link>
); )
})} })}
</nav> </nav>
); )
} }
export default NavButtonGroup export default NavButtonGroup