theme-game 主题样式；背景微调

themes/game/components/Footer.js

@@ -9,8 +9,8 @@ export const Footer = props => {
 
   return (
     <footer
-      className={`z-10 relative mt-6 flex-shrink-0 m-auto w-full dark:text-gray-200 `}>
-      <hr className='my-2 border-black dark:border-gray-100' />
+      className={`z-10  bg-white p-2 rounded-lg relative mt-6 flex-shrink-0 m-auto w-full dark:text-gray-200 `}>
+      {/* <hr className='my-2 border-black dark:border-gray-100' /> */}
       {/* 页面底部 */}
       <div className='w-full flex justify-between p-4 '>
         <p>

themes/game/components/GameListRecent.js

@@ -33,7 +33,7 @@ export const GameListRecent = ({ maxCount = 14 }) => {
   return (
     <>
       <div className='game-list-recent-wrapper w-full max-w-full overflow-x-auto pt-4 px-2'>
-        <div className='game-grid md:flex grid grid-flow-col gap-2'>
+        <div className='game-grid flex gap-2'>
           {components?.map((ItemComponent, index) => {
             return ItemComponent
           })}

themes/game/components/GroupCategory.js

@@ -6,11 +6,13 @@ function GroupCategory({ currentCategory, categoryOptions }) {
   }
 
   return (
-    <>
+    <div className='flex items-center'>
       <Link className='mx-2' href='/category'>
         <i className='fas fa-bars' />
       </Link>
-      <div id='category-list' className='dark:border-gray-600 flex flex-wrap py-1'>
+      <div
+        id='category-list'
+        className='dark:border-gray-600 flex flex-wrap py-1'>
         {categoryOptions.map(category => {
           const selected = currentCategory === category.name
           return (
@@ -34,7 +36,7 @@ function GroupCategory({ currentCategory, categoryOptions }) {
           )
         })}
       </div>
-    </>
+    </div>
   )
 }
 

themes/game/components/GroupTag.js

@@ -11,7 +11,7 @@ import TagItemMini from './TagItemMini'
 function GroupTag({ tagOptions, currentTag }) {
   if (!tagOptions) return <></>
   return (
-    <>
+    <div className='flex items-center'>
       <Link href='/tag'>
         <i className='fas fa-tags p-2' />
       </Link>
@@ -21,7 +21,7 @@ function GroupTag({ tagOptions, currentTag }) {
           return <TagItemMini key={tag.name} tag={tag} selected={selected} />
         })}
       </div>
-    </>
+    </div>
   )
 }
 

themes/game/components/PostInfo.js

@@ -9,7 +9,7 @@ export default function PostInfo(props) {
   const { post } = props
 
   return (
-    <section className='flex-wrap flex mt-2 text-gray--600 dark:text-gray-400 font-light leading-8'>
+    <section className='flex-wrap flex m-2 text-gray--600 dark:text-gray-400 font-light leading-8'>
       <div>
         <div>
           {post?.type !== 'Page' && (