mirror of
https://github.com/ant-design/ant-design.git
synced 2025-06-07 01:13:58 +08:00
docs: tweak home banner height (#38688)
This commit is contained in:
parent
c47b4e5d42
commit
4f3b257521
@ -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`,
|
||||
},
|
||||
};
|
||||
|
@ -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…
Reference in New Issue
Block a user