From 6977ae394a91f70b04eaa871dd154d414911f4b7 Mon Sep 17 00:00:00 2001
From: tangly1024 <mail@tangly1024.com>
Date: Sun, 25 Dec 2022 16:44:26 +0800
Subject: [PATCH] =?UTF-8?q?=E5=8A=A8=E6=95=88=E5=BE=AE=E8=B0=83?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 themes/matery/components/BlogPostCard.js        | 7 ++-----
 themes/matery/components/BlogPostListPage.js    | 2 +-
 themes/matery/components/FloatDarkModeButton.js | 2 +-
 3 files changed, 4 insertions(+), 7 deletions(-)

diff --git a/themes/matery/components/BlogPostCard.js b/themes/matery/components/BlogPostCard.js
index 81f76800..65900d9d 100644
--- a/themes/matery/components/BlogPostCard.js
+++ b/themes/matery/components/BlogPostCard.js
@@ -9,14 +9,11 @@ const BlogPostCard = ({ post, showSummary }) => {
   return (
         <div
             data-aos="fade-up"
-            data-aos-offset="10"
-            data-aos-delay="50"
             data-aos-duration="600"
             data-aos-easing="ease-in-out"
-            data-aos-mirror="true"
             data-aos-once="false"
-            data-aos-anchor-placement="top-center"
-            className="w-full mb-4 drop-shadow-md hover:shadow border dark:border-black rounded-xl bg-white dark:bg-hexo-black-gray duration-500  hover:scale-105">
+            data-aos-anchor-placement="top-bottom"
+            className="w-full mb-4 drop-shadow-md border dark:border-black rounded-xl bg-white dark:bg-hexo-black-gray">
 
             {/* 固定高度72 ，没有描述用图片填充 */}
             <div key={post.id} className="flex flex-col justify-between h-96">
diff --git a/themes/matery/components/BlogPostListPage.js b/themes/matery/components/BlogPostListPage.js
index 74ea9903..0a4eec12 100644
--- a/themes/matery/components/BlogPostListPage.js
+++ b/themes/matery/components/BlogPostListPage.js
@@ -21,7 +21,7 @@ const BlogPostListPage = ({ page = 1, posts = [], postCount }) => {
       <div id="container" className='w-full'>
         <div className='pt-6'></div>
         {/* 文章列表 */}
-        <div className="px-4 pt-4 xl:columns-3 md:columns-2 pb-12" >
+        <div className="px-4 pt-4 xl:columns-3 md:columns-2 pb-24" >
           {posts.map(post => (
             <BlogPostCard key={post.id} post={post} />
           ))}
diff --git a/themes/matery/components/FloatDarkModeButton.js b/themes/matery/components/FloatDarkModeButton.js
index 661e719f..a8821123 100644
--- a/themes/matery/components/FloatDarkModeButton.js
+++ b/themes/matery/components/FloatDarkModeButton.js
@@ -22,7 +22,7 @@ export default function FloatDarkModeButton() {
   return (
         <div className={'justify-center items-center text-center' } onClick={handleChangeDarkMode}>
             <i id="darkModeButton"
-                className={`${isDarkMode ? 'fa-sun' : 'fa-moon'} fas 
+                className={`${isDarkMode ? 'fa-sun' : 'fa-moon'} fas transform hover:scale-105 duration-200
                 text-2xl text-white bg-indigo-700 px-3 py-2.5 rounded-full dark:bg-black cursor-pointer`} />
         </div>
   )