From 430a3c6bc3e1f39fdeea7891f77932f8d5831368 Mon Sep 17 00:00:00 2001
From: DIYgod <i@diygod.me>
Date: Fri, 11 Nov 2022 22:18:38 +0000
Subject: [PATCH] feat: small styles

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

diff --git a/src/components/site/SiteHeader.tsx b/src/components/site/SiteHeader.tsx
index 3aebe6a9..178c4dc5 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(
-        `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`,
         active ? `text-accent border-accent` : `border-transparent`,
       )}
     >
@@ -72,7 +72,7 @@ export const SiteHeader: React.FC<{
   ]
 
   return (
-    <header className="xlog-header border-b relative">
+    <header className="xlog-header border-b border-zinc-100 relative">
       <div className="xlog-banner absolute top-0 bottom-0 left-0 right-0 -z-10 overflow-hidden">
         {site?.banners?.[0]?.mime_type.split("/")[0] === "image" && (
           <Image
@@ -114,7 +114,7 @@ export const SiteHeader: React.FC<{
                   dangerouslySetInnerHTML={{ __html: site?.description || "" }}
                 ></div>
               )}
-              <div className="mt-3 text-sm">
+              <div className="xlog-site-others mt-3 text-sm">
                 <FollowingCount siteId={site?.username} />
                 <FollowingButton
                   siteId={site?.username}
diff --git a/src/components/site/SiteHome.tsx b/src/components/site/SiteHome.tsx
index 131f10e6..6a075506 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 p-5 -mx-5 first:-mt-5 md:rounded-xl flex items-center"
+                className="xlog-post hover:bg-zinc-100 transition-colors px-5 py-7 -mx-5 first:-mt-5 md:rounded-xl flex items-center"
               >
                 <div className="flex-1 flex justify-center flex-col">
                   <h3 className="xlog-post-title text-2xl font-bold">