aboutsummaryrefslogtreecommitdiffstats
path: root/packages/dev-tools-pages/ts/components/Animations
diff options
context:
space:
mode:
Diffstat (limited to 'packages/dev-tools-pages/ts/components/Animations')
-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%);
`};
`;