From 0ecaadddd2f2706d477ba8cb67620e5bd6c46374 Mon Sep 17 00:00:00 2001
From: tangly <tlyong1992@hotmail.com>
Date: Tue, 18 Oct 2022 22:03:15 +0800
Subject: [PATCH] =?UTF-8?q?=E8=B0=83=E6=95=B4=E9=A6=96=E9=A1=B5=E5=AF=BC?=
 =?UTF-8?q?=E8=88=AA=E9=AB=98=E5=BA=A6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 themes/hexo/components/NavButtonGroup.js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/themes/hexo/components/NavButtonGroup.js b/themes/hexo/components/NavButtonGroup.js
index e33f7f8c..8b2aba3e 100644
--- a/themes/hexo/components/NavButtonGroup.js
+++ b/themes/hexo/components/NavButtonGroup.js
@@ -10,10 +10,10 @@ import Link from 'next/link'
 const NavButtonGroup = (props) => {
   const { categories } = props
 
-  return <nav id='home-nav-button' className={'py-5 md:mt-24 mt-12 flex md:max-w-3xl md:space-x-12 md:flex justify-center'}>
+  return <nav id='home-nav-button' style={{ lineHeight: '100px' }} className={'md:h-52 md:mt-32 px-5 mt-12 flex flex-wrap m-0 md:max-w-5xl md:space-x-12 space-y-2 md:space-y-0 md:flex justify-center'}>
     {categories.map(category => {
       return <Link key={`${category.name}`} title={`${category.name}`} href={`/category/${category.name}`} passHref>
-            <a className='text-center w-full md:w-40 md:h-20 h-14 mr-4 mb-4 justify-center items-center flex border-white border-2 cursor-pointer rounded-lg font-serif hover:bg-white hover:text-black duration-200 font-bold hover:scale-110 transform'>{category.name}</a>
+            <a className='text-center w-full md:w-40 md:h-20 h-14 justify-center items-center flex border-white border-2 cursor-pointer rounded-lg font-serif hover:bg-white hover:text-black duration-200 font-bold hover:scale-110 transform'>{category.name}</a>
         </Link>
     })}
   </nav>