diff options
| author | Steve Klebanoff <steve.klebanoff@gmail.com> | 2018-10-23 04:18:37 +0800 |
|---|---|---|
| committer | Steve Klebanoff <steve.klebanoff@gmail.com> | 2018-10-23 04:18:37 +0800 |
| commit | d52a04e725afce3c2d563bcc52bd3273002af318 (patch) | |
| tree | 1f99a20c0787a7302001ad289f648d294b5c1b7d /packages/instant/src/components/animations | |
| parent | daf447361f911acf19a0f0489039244695945218 (diff) | |
| download | dexon-0x-contracts-d52a04e725afce3c2d563bcc52bd3273002af318.tar dexon-0x-contracts-d52a04e725afce3c2d563bcc52bd3273002af318.tar.gz dexon-0x-contracts-d52a04e725afce3c2d563bcc52bd3273002af318.tar.bz2 dexon-0x-contracts-d52a04e725afce3c2d563bcc52bd3273002af318.tar.lz dexon-0x-contracts-d52a04e725afce3c2d563bcc52bd3273002af318.tar.xz dexon-0x-contracts-d52a04e725afce3c2d563bcc52bd3273002af318.tar.zst dexon-0x-contracts-d52a04e725afce3c2d563bcc52bd3273002af318.zip | |
Spinner no longer wobbly
Diffstat (limited to 'packages/instant/src/components/animations')
| -rw-r--r-- | packages/instant/src/components/animations/full_rotation.tsx | 11 |
1 files changed, 10 insertions, 1 deletions
diff --git a/packages/instant/src/components/animations/full_rotation.tsx b/packages/instant/src/components/animations/full_rotation.tsx index 0b36fd21f..9adb565f9 100644 --- a/packages/instant/src/components/animations/full_rotation.tsx +++ b/packages/instant/src/components/animations/full_rotation.tsx @@ -1,5 +1,9 @@ import { keyframes, styled } from '../../style/theme'; +interface FullRotationProps { + height: string; + width: string; +} const rotatingKeyframes = keyframes` from { transform: rotate(0deg); @@ -10,6 +14,11 @@ to { } `; -export const FullRotation = styled.div` +export const FullRotation = + styled.div < + FullRotationProps > + ` animation: ${rotatingKeyframes} 2s linear infinite; + height: ${props => props.height}; + width: ${props => props.width}; `; |