首页按钮微调

This commit is contained in:
tangly
2022-10-19 13:13:22 +08:00
parent d6e1c35802
commit 41dcf5f348

View File

@@ -10,7 +10,7 @@ import Link from 'next/link'
const NavButtonGroup = (props) => {
const { categories } = props
return <nav id='home-nav-button' className={'md:h-52 md:mt-6 xl:mt-32 px-5 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'}>
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'}>
{categories.map(category => {
return <Link key={`${category.name}`} title={`${category.name}`} href={`/category/${category.name}`} passHref>
<a 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 font-serif hover:bg-white hover:text-black duration-200 font-bold hover:scale-110 transform'>{category.name}</a>