From 4f3b25752105bff8b1f128160bc1bfd3466cf1d5 Mon Sep 17 00:00:00 2001
From: afc163 <afc163@gmail.com>
Date: Fri, 18 Nov 2022 18:22:16 +0800
Subject: [PATCH] docs: tweak home banner height (#38688)

---
 .dumi/hooks/useSiteToken.ts             |  2 +-
 .dumi/pages/index/components/Banner.tsx | 11 +++--------
 2 files changed, 4 insertions(+), 9 deletions(-)

diff --git a/.dumi/hooks/useSiteToken.ts b/.dumi/hooks/useSiteToken.ts
index dde187fd24..425114ea96 100644
--- a/.dumi/hooks/useSiteToken.ts
+++ b/.dumi/hooks/useSiteToken.ts
@@ -26,7 +26,7 @@ const useSiteToken = () => {
       /** 80 */
       marginFarSM: (token.marginXXL / 3) * 5,
       /** 96 */
-      marginFar: token.marginXXL * 1.8,
+      marginFar: token.marginXXL * 2,
       codeFamily: `'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier, monospace`,
     },
   };
diff --git a/.dumi/pages/index/components/Banner.tsx b/.dumi/pages/index/components/Banner.tsx
index 9a296ae5ba..74101cab53 100644
--- a/.dumi/pages/index/components/Banner.tsx
+++ b/.dumi/pages/index/components/Banner.tsx
@@ -36,7 +36,7 @@ export default function Banner({ children }: BannerProps) {
       {/* Banner Placeholder Motion */}
       <div
         style={{
-          height: 240,
+          height: 320,
           background: '#77C6FF',
           display: 'flex',
           flexWrap: 'nowrap',
@@ -53,12 +53,7 @@ export default function Banner({ children }: BannerProps) {
           }}
         />
 
-        <video
-          style={{ height: '100%', objectFit: 'contain' }}
-          autoPlay
-          muted
-          loop
-        >
+        <video style={{ height: '100%', objectFit: 'contain' }} autoPlay muted loop>
           <source
             src="https://mdn.alipayobjects.com/huamei_iwk9zp/afts/file/A*uYT7SZwhJnUAAAAAAAAAAAAADgCCAQ"
             type="video/webm"
@@ -91,7 +86,7 @@ export default function Banner({ children }: BannerProps) {
         <GroupMask
           style={{
             textAlign: 'center',
-            paddingTop: token.marginFar,
+            paddingTop: token.marginFar - 16,
             paddingBottom: token.marginFarSM,
           }}
         >