From 8e96c06d94b71c74235769eb5ff691c951cc2064 Mon Sep 17 00:00:00 2001
From: moonrailgun <moonrailgun@gmail.com>
Date: Sun, 19 May 2024 01:08:02 +0800
Subject: [PATCH] docs: update website style

- improve border with docs page
- update feature website icon
- update join text
---
 website/src/components/homepage/Features.tsx | 5 +++--
 website/src/css/custom.css                   | 4 ++++
 2 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/website/src/components/homepage/Features.tsx b/website/src/components/homepage/Features.tsx
index cf406ab..d573560 100644
--- a/website/src/components/homepage/Features.tsx
+++ b/website/src/components/homepage/Features.tsx
@@ -1,6 +1,7 @@
 import Link from '@docusaurus/Link';
 import React from 'react';
 import {
+  LuAreaChart,
   LuCode2,
   LuCookie,
   LuFileArchive,
@@ -114,7 +115,7 @@ export const HomepageFeatures: React.FC = React.memo(() => {
           <div className="mt-4 flex flex-col gap-2 pl-2">
             <div className="flex items-start gap-2">
               <div className="rounded-lg bg-white bg-opacity-20 p-1">
-                <LuNetwork className="block" size={18} />
+                <LuAreaChart className="block" size={18} />
               </div>
               <div className="text-md font-bold text-white">
                 Website Analytics
@@ -253,7 +254,7 @@ export const HomepageFeatures: React.FC = React.memo(() => {
               className="cursor-pointer rounded-lg bg-white px-8 py-2 font-bold text-zinc-900 hover:bg-zinc-200 hover:text-zinc-800 hover:no-underline"
               data-tianji-event="homepage-features-join"
             >
-              Join
+              Join Our Community
             </Link>
           </div>
         </div>
diff --git a/website/src/css/custom.css b/website/src/css/custom.css
index 7ea490a..1b8684b 100644
--- a/website/src/css/custom.css
+++ b/website/src/css/custom.css
@@ -29,6 +29,10 @@
   --docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.3);
 }
 
+.footer {
+  border-top: 1px solid var(--ifm-toc-border-color);
+}
+
 .footer--dark {
   --ifm-footer-background-color: --ifm-background-surface-color
 }