From 69562d1840d0dce9af91ead977c5b097107bcae3 Mon Sep 17 00:00:00 2001
From: tangly1024 <mail@tangly1024.com>
Date: Mon, 16 Sep 2024 15:16:41 +0800
Subject: [PATCH] =?UTF-8?q?magzine=E5=BE=AE=E8=B0=83?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 themes/magzine/components/CategoryGroup.js    | 24 ++++++++++++-------
 themes/magzine/components/Footer.js           |  2 +-
 themes/magzine/components/MenuItemCollapse.js |  4 ++--
 3 files changed, 19 insertions(+), 11 deletions(-)

diff --git a/themes/magzine/components/CategoryGroup.js b/themes/magzine/components/CategoryGroup.js
index b0592db0..5f2d8b68 100644
--- a/themes/magzine/components/CategoryGroup.js
+++ b/themes/magzine/components/CategoryGroup.js
@@ -1,5 +1,5 @@
 import { useGlobal } from '@/lib/global'
-import CategoryItem from './CategoryItem'
+import Link from 'next/link'
 
 /**
  * 分类
@@ -15,15 +15,23 @@ const CategoryGroup = ({ currentCategory, categoryOptions }) => {
     <div id='category-list' className='pt-4'>
       <div className='text-xl font-bold mb-2'>{locale.COMMON.CATEGORY}</div>
       <div className=''>
-        {categoryOptions?.map(category => {
+        {categoryOptions?.map((category, index) => {
           const selected = currentCategory === category.name
           return (
-            <CategoryItem
-              key={category.name}
-              selected={selected}
-              category={category.name}
-              categoryCount={category.count}
-            />
+            <Link
+              key={index}
+              href={`/category/${category.name}`}
+              passHref
+              className={
+                (selected
+                  ? 'bg-gray-600 text-white '
+                  : 'dark:text-gray-400 text-gray-900 ') +
+                'text-lg hover:underline flex text-md items-center duration-300 cursor-pointer py-1 whitespace-nowrap'
+              }>
+              <span>
+                {category.name} {category?.count && `(${category?.count})`}
+              </span>
+            </Link>
           )
         })}
       </div>
diff --git a/themes/magzine/components/Footer.js b/themes/magzine/components/Footer.js
index c4e73f61..9ec35821 100644
--- a/themes/magzine/components/Footer.js
+++ b/themes/magzine/components/Footer.js
@@ -44,7 +44,7 @@ const Footer = ({ title }) => {
           </div>
 
           {/* 右侧链接区块 */}
-          <div className='grid grid-cols-1 lg:grid-cols-4 lg:gap-16 gap-8'>
+          <div className='grid grid-cols-2 lg:grid-cols-4 lg:gap-16 gap-8'>
             {MAGZINE_FOOTER_LINKS?.map((group, index) => {
               return (
                 <div key={index}>
diff --git a/themes/magzine/components/MenuItemCollapse.js b/themes/magzine/components/MenuItemCollapse.js
index d792f1e4..36659c5a 100644
--- a/themes/magzine/components/MenuItemCollapse.js
+++ b/themes/magzine/components/MenuItemCollapse.js
@@ -38,7 +38,7 @@ export const MenuItemCollapse = props => {
           (selected
             ? 'bg-gray-600 text-white hover:text-white'
             : 'hover:text-gray-600') +
-          ' px-5 w-full text-left duration-200 dark:bg-hexo-black-gray dark:border-black'
+          ' px-7 w-full text-left duration-200 dark:bg-hexo-black-gray dark:border-black'
         }
         onClick={toggleShow}>
         {!hasSubMenu && (
@@ -77,7 +77,7 @@ export const MenuItemCollapse = props => {
               <div
                 key={sLink.id}
                 className='
-              not:last-child:border-b-0 border-b dark:border-gray-800 py-2 px-14 cursor-pointer hover:bg-gray-100 dark:text-gray-200
+              not:last-child:border-b-0 border-b dark:border-gray-800 py-2 pl-12 cursor-pointer hover:bg-gray-100 dark:text-gray-200
               dark:bg-black text-left justify-start text-gray-600 bg-gray-50 dark:hover:bg-gray-900 tracking-widest transition-all duration-200'>
                 <Link href={sLink.href} target={link?.target}>
                   <div>