From 91e5e722282bba86cf810e313c9a7c4d113e39e4 Mon Sep 17 00:00:00 2001
From: DIYgod <i@diygod.me>
Date: Sat, 12 Nov 2022 00:33:52 +0000
Subject: [PATCH] feat: transition

---
 src/components/site/SiteHeader.tsx | 2 +-
 src/components/site/SiteHome.tsx   | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/site/SiteHeader.tsx b/src/components/site/SiteHeader.tsx
index a7c42852..47f7d334 100644
--- a/src/components/site/SiteHeader.tsx
+++ b/src/components/site/SiteHeader.tsx
@@ -29,7 +29,7 @@ const HeaderLink: React.FC<{ link: HeaderLinkType }> = ({ link }) => {
       href={link.url}
       onClick={link.onClick}
       className={clsx(
-        `xlog-site-navigation-item h-10 flex items-center border-b-2 space-x-1 hover:border-gray-500 hover:text-gray-700`,
+        `xlog-site-navigation-item h-10 flex items-center border-b-2 space-x-1 hover:border-gray-500 hover:text-gray-700 transition-colors`,
         active ? `text-accent border-accent` : `border-transparent`,
       )}
     >
diff --git a/src/components/site/SiteHome.tsx b/src/components/site/SiteHome.tsx
index 860907d9..0d8e1d29 100644
--- a/src/components/site/SiteHome.tsx
+++ b/src/components/site/SiteHome.tsx
@@ -23,7 +23,7 @@ export const SiteHome: React.FC<{
               <Link
                 key={post.id}
                 href={`/${post.slug || post.id}`}
-                className="xlog-post hover:bg-zinc-100 transition-colors px-5 py-7 -mx-5 first:-mt-5 sm:rounded-xl flex flex-col sm:flex-row items-center"
+                className="xlog-post hover:bg-zinc-100 bg-white transition-colors px-5 py-7 -mx-5 first:-mt-5 sm:rounded-xl flex flex-col sm:flex-row items-center"
               >
                 <div className="flex-1 flex justify-center flex-col w-full sm:w-auto">
                   <h3 className="xlog-post-title text-2xl font-bold">