aboutsummaryrefslogtreecommitdiffstats
path: root/packages/dev-tools-pages/ts/components
diff options
context:
space:
mode:
authorAugust Skare <post@augustskare.no>2018-11-07 20:08:08 +0800
committerAugust Skare <post@augustskare.no>2018-11-07 20:08:08 +0800
commit52b49fee242dac5f5780838c4b5b14b5c873df92 (patch)
tree286562611b1cd991d2a0634659b3eb4b8f3e8316 /packages/dev-tools-pages/ts/components
parent31f096248ddb61599fbabbfc905ea7717de1283a (diff)
downloaddexon-sol-tools-52b49fee242dac5f5780838c4b5b14b5c873df92.tar
dexon-sol-tools-52b49fee242dac5f5780838c4b5b14b5c873df92.tar.gz
dexon-sol-tools-52b49fee242dac5f5780838c4b5b14b5c873df92.tar.bz2
dexon-sol-tools-52b49fee242dac5f5780838c4b5b14b5c873df92.tar.lz
dexon-sol-tools-52b49fee242dac5f5780838c4b5b14b5c873df92.tar.xz
dexon-sol-tools-52b49fee242dac5f5780838c4b5b14b5c873df92.tar.zst
dexon-sol-tools-52b49fee242dac5f5780838c4b5b14b5c873df92.zip
better positioning of hero animation
Diffstat (limited to 'packages/dev-tools-pages/ts/components')
-rw-r--r--packages/dev-tools-pages/ts/components/Animations/index.tsx8
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%);
`};
`;