From 19871f9941b4e5f3532df58641336b1d4671dbff Mon Sep 17 00:00:00 2001
From: hualigushi <hualigushi@163.com>
Date: Fri, 11 Aug 2023 22:36:30 +0800
Subject: [PATCH] =?UTF-8?q?feat(docs):=20=E6=96=87=E6=A1=A3=E9=A6=96?=
 =?UTF-8?q?=E9=A1=B5=E6=9A=97=E9=BB=91=E6=A8=A1=E5=BC=8F=E6=A0=B7=E5=BC=8F?=
 =?UTF-8?q?=E8=B0=83=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 docs/.dumi/components/Footer/index.tsx        |  8 ++++----
 docs/.dumi/components/SectionHeader/index.tsx |  4 ++--
 docs/.dumi/components/WhoIsUsing/index.tsx    |  4 +++-
 docs/.dumi/pages/index.tsx                    | 14 +++++++++++++-
 4 files changed, 22 insertions(+), 8 deletions(-)

diff --git a/docs/.dumi/components/Footer/index.tsx b/docs/.dumi/components/Footer/index.tsx
index 89d9cab710fd..6ae19db27bec 100644
--- a/docs/.dumi/components/Footer/index.tsx
+++ b/docs/.dumi/components/Footer/index.tsx
@@ -4,10 +4,8 @@ import { Link } from 'umi';
 import { NewsLetterForm } from './NewsLetterForm';
 
 const FooterWrapper = styled.div`
-  background: #f1f5f7;
   padding: 40px 0;
-  color: #4a5e71;
-  .wrapper {
+  .foot-wrapper {
     display: flex;
     max-width: 1200px;
     margin: 0 auto;
@@ -25,10 +23,12 @@ const FooterWrapper = styled.div`
         margin-top: 0;
         margin-bottom: 0;
         font-weight: 400;
+        color: #4a5e71;
       }
 
       .line div {
         flex: 1;
+        color: #4a5e71;
       }
 
       .line div a {
@@ -53,7 +53,7 @@ const FooterWrapper = styled.div`
 export const Footer = () => {
   return (
     <FooterWrapper>
-      <div className="wrapper">
+      <div className="foot-wrapper">
         <div className="left">
           <div className="line">
             <h3>文档和帮助</h3>
diff --git a/docs/.dumi/components/SectionHeader/index.tsx b/docs/.dumi/components/SectionHeader/index.tsx
index 638bfd75d928..860111c2770e 100644
--- a/docs/.dumi/components/SectionHeader/index.tsx
+++ b/docs/.dumi/components/SectionHeader/index.tsx
@@ -24,9 +24,9 @@ const SectionHeaderWrapper = styled.div`
 export const SectionHeader = (props: { title: string }) => {
   return (
     <SectionHeaderWrapper>
-      <div></div>
+      <div className="section-header-line"></div>
       <h2 className="section-header-title">{props.title}</h2>
-      <div></div>
+      <div className="section-header-line"></div>
     </SectionHeaderWrapper>
   );
 };
diff --git a/docs/.dumi/components/WhoIsUsing/index.tsx b/docs/.dumi/components/WhoIsUsing/index.tsx
index ffc0936c9e79..56b9317fc4f2 100644
--- a/docs/.dumi/components/WhoIsUsing/index.tsx
+++ b/docs/.dumi/components/WhoIsUsing/index.tsx
@@ -8,12 +8,14 @@ const WhoIsUsingWrapper = styled.div`
   ul {
     display: flex;
     flex-wrap: wrap;
+    justify-content: center;
     gap: 20px;
     list-style: none;
     padding: 0;
     li img {
       width: 224px;
-      height: 73px;
+      height: 81px;
+      margin: -8px;
     }
   }
 `;
diff --git a/docs/.dumi/pages/index.tsx b/docs/.dumi/pages/index.tsx
index 59723389ea35..09ca51ffb08c 100644
--- a/docs/.dumi/pages/index.tsx
+++ b/docs/.dumi/pages/index.tsx
@@ -14,9 +14,15 @@ const GlobalStyle = createGlobalStyle`
     .bg {
       opacity: 0.1;
     }
+    .bigLogo{
+      opacity: 0.8;
+    }
     .githubStar,.section-header-title {
       color: rgba(255, 255, 255, 0.7) !important;
     }
+    .section-header-line{
+      border-top-color: rgba(255, 255, 255, 0.7) !important;
+    }
     .githubStar:before {
       filter: invert(80%);
     }
@@ -27,7 +33,13 @@ const GlobalStyle = createGlobalStyle`
       opacity: 0.8;
     }
     .using-list li {
-      background-color: rgba(255, 255, 255, 0.9)
+      background-color: rgba(255, 255, 255, 0.2);
+      overflow: auto;
+    }
+    .foot-wrapper {
+      .left .line h3,  .left .line div,  .left .line div a {
+        color: rgba(255, 255, 255, 0.8)!important;
+      }
     }
   }
 `;