Browse Source

docs: tweak home banner height (#38688)

pull/38708/head
afc163 2 years ago
committed by GitHub
parent
commit
4f3b257521
No known key found for this signature in database GPG Key ID: 4AEE18F83AFDEB23
  1. 2
      .dumi/hooks/useSiteToken.ts
  2. 11
      .dumi/pages/index/components/Banner.tsx

2
.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`,
},
};

11
.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,
}}
>

Loading…
Cancel
Save