mirror of
https://github.com/primer/css.git
synced 2024-12-28 16:45:52 +03:00
remove animation
This commit is contained in:
parent
1461944683
commit
4fd3fcdef5
@ -5,8 +5,6 @@ import React from 'react'
|
|||||||
import {version} from '../../../../../package.json'
|
import {version} from '../../../../../package.json'
|
||||||
import {ReactComponent as HeroIllustration} from '../../../hero-illustration.svg'
|
import {ReactComponent as HeroIllustration} from '../../../hero-illustration.svg'
|
||||||
|
|
||||||
const HeroAnimation = loadable(() => import('../../../hero-animation'), {fallback: <HeroIllustration />})
|
|
||||||
|
|
||||||
function Hero() {
|
function Hero() {
|
||||||
return (
|
return (
|
||||||
<Box bg="black" py={6}>
|
<Box bg="black" py={6}>
|
||||||
@ -17,7 +15,7 @@ function Hero() {
|
|||||||
<Text as="p" fontFamily="mono" mt={0} mb={2} color="blue.3" fontSize={2}>
|
<Text as="p" fontFamily="mono" mt={0} mb={2} color="blue.3" fontSize={2}>
|
||||||
v{version}
|
v{version}
|
||||||
</Text>
|
</Text>
|
||||||
<HeroAnimation />
|
<HeroIllustration />
|
||||||
</Container>
|
</Container>
|
||||||
</Box>
|
</Box>
|
||||||
)
|
)
|
||||||
|
@ -1,16 +0,0 @@
|
|||||||
import React from 'react'
|
|
||||||
import ReactBodymovin from 'react-bodymovin'
|
|
||||||
import heroAnimation from './hero-animation.json'
|
|
||||||
|
|
||||||
const bodymovinOptions = {
|
|
||||||
loop: true,
|
|
||||||
autoplay: true,
|
|
||||||
prerender: true,
|
|
||||||
animationData: heroAnimation
|
|
||||||
}
|
|
||||||
|
|
||||||
function HeroAnimation() {
|
|
||||||
return <ReactBodymovin options={bodymovinOptions} />
|
|
||||||
}
|
|
||||||
|
|
||||||
export default HeroAnimation
|
|
File diff suppressed because one or more lines are too long
Loading…
Reference in New Issue
Block a user