diff options
| author | August Skare <post@augustskare.no> | 2018-11-07 20:08:08 +0800 |
|---|---|---|
| committer | August Skare <post@augustskare.no> | 2018-11-07 20:08:08 +0800 |
| commit | 52b49fee242dac5f5780838c4b5b14b5c873df92 (patch) | |
| tree | 286562611b1cd991d2a0634659b3eb4b8f3e8316 | |
| parent | 31f096248ddb61599fbabbfc905ea7717de1283a (diff) | |
| download | dexon-sol-tools-52b49fee242dac5f5780838c4b5b14b5c873df92.tar.gz dexon-sol-tools-52b49fee242dac5f5780838c4b5b14b5c873df92.tar.zst dexon-sol-tools-52b49fee242dac5f5780838c4b5b14b5c873df92.zip | |
better positioning of hero animation
| -rw-r--r-- | packages/dev-tools-pages/ts/components/Animations/index.tsx | 8 |
1 files changed, 4 insertions, 4 deletions
diff --git a/packages/dev-tools-pages/ts/components/Animations/index.tsx b/packages/dev-tools-pages/ts/components/Animations/index.tsx index f750d4d94..3db501dc1 100644 --- a/packages/dev-tools-pages/ts/components/Animations/index.tsx +++ b/packages/dev-tools-pages/ts/components/Animations/index.tsx @@ -47,7 +47,7 @@ class Animation extends React.PureComponent<AnimationProps, AnimationState> { const windowWidth = window.innerWidth; let width = undefined; let height = undefined; - if (windowWidth < 1200) { + if (windowWidth <= 1000) { const maxWidth = windowWidth + 250; const ratio = maxWidth / this.props.width; @@ -89,9 +89,9 @@ const Container = styled.div` left: 0; z-index: -1; overflow: hidden; - ${media.medium` - top: auto; - bottom: -3rem; + ${media.large` + top: 100%; + transform: translateY(-50%); `}; `; |