mirror/ant-design
1
0
Fork 0
mirror of https://github.com/ant-design/ant-design.git synced 2025-06-11 11:32:52 +08:00
Code Issues Actions 38 Packages Projects Releases Wiki Activity

docs: tweak home banner height (#38688)

Browse Source
This commit is contained in:
afc163 2022-11-18 18:22:16 +08:00 committed by GitHub
parent c47b4e5d42
commit 4f3b257521
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 4 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
.dumi/hooks/useSiteToken.ts
View File

@ -26,7 +26,7 @@ const useSiteToken = () => {
/** 80 */ /** 80 */
marginFarSM: (token.marginXXL / 3) * 5, marginFarSM: (token.marginXXL / 3) * 5,
/** 96 */ /** 96 */
marginFar: token.marginXXL * 1.8, marginFar: token.marginXXL * 2,
codeFamily: `'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier, monospace`, codeFamily: `'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier, monospace`,
}, },
}; };

11
.dumi/pages/index/components/Banner.tsx
View File

@ -36,7 +36,7 @@ export default function Banner({ children }: BannerProps) {
{/* Banner Placeholder Motion */} {/* Banner Placeholder Motion */}
<div <div
style={{ style={{
height: 240, height: 320,
background: '#77C6FF', background: '#77C6FF',
display: 'flex', display: 'flex',
flexWrap: 'nowrap', flexWrap: 'nowrap',
@ -53,12 +53,7 @@ export default function Banner({ children }: BannerProps) {
}} }}
/> />
<video <video style={{ height: '100%', objectFit: 'contain' }} autoPlay muted loop>
style={{ height: '100%', objectFit: 'contain' }}
autoPlay
muted
loop
>
<source <source
src="https://mdn.alipayobjects.com/huamei_iwk9zp/afts/file/A*uYT7SZwhJnUAAAAAAAAAAAAADgCCAQ" src="https://mdn.alipayobjects.com/huamei_iwk9zp/afts/file/A*uYT7SZwhJnUAAAAAAAAAAAAADgCCAQ"
type="video/webm" type="video/webm"
@ -91,7 +86,7 @@ export default function Banner({ children }: BannerProps) {
<GroupMask <GroupMask
style={{ style={{
textAlign: 'center', textAlign: 'center',
paddingTop: token.marginFar, paddingTop: token.marginFar - 16,
paddingBottom: token.marginFarSM, paddingBottom: token.marginFarSM,
}} }}
> >