aboutsummaryrefslogtreecommitdiffstats
path: root/packages/website/ts/components
diff options
context:
space:
mode:
authorfragosti <francesco.agosti93@gmail.com>2018-06-28 07:21:50 +0800
committerfragosti <francesco.agosti93@gmail.com>2018-06-28 07:21:50 +0800
commit26a9fe912703ef09ca9328ce19847406572386ac (patch)
treee5c6213723b4a6b7661719f0e3af3bdf097b51f2 /packages/website/ts/components
parent47a267c3fa3498793568da79ebfc9b40c3d7129d (diff)
downloaddexon-sol-tools-26a9fe912703ef09ca9328ce19847406572386ac.tar
dexon-sol-tools-26a9fe912703ef09ca9328ce19847406572386ac.tar.gz
dexon-sol-tools-26a9fe912703ef09ca9328ce19847406572386ac.tar.bz2
dexon-sol-tools-26a9fe912703ef09ca9328ce19847406572386ac.tar.lz
dexon-sol-tools-26a9fe912703ef09ca9328ce19847406572386ac.tar.xz
dexon-sol-tools-26a9fe912703ef09ca9328ce19847406572386ac.tar.zst
dexon-sol-tools-26a9fe912703ef09ca9328ce19847406572386ac.zip
Fix width issue with onboarding card on mobile
Diffstat (limited to 'packages/website/ts/components')
-rw-r--r--packages/website/ts/components/onboarding/onboarding_flow.tsx2
-rw-r--r--packages/website/ts/components/ui/animation.tsx2
2 files changed, 3 insertions, 1 deletions
diff --git a/packages/website/ts/components/onboarding/onboarding_flow.tsx b/packages/website/ts/components/onboarding/onboarding_flow.tsx
index 20ae17e18..e3de7e098 100644
--- a/packages/website/ts/components/onboarding/onboarding_flow.tsx
+++ b/packages/website/ts/components/onboarding/onboarding_flow.tsx
@@ -100,7 +100,7 @@ export class OnboardingFlow extends React.Component<OnboardingFlowProps> {
const step = steps[stepIndex];
const isLastStep = steps.length - 1 === stepIndex;
return (
- <Container position="relative" zIndex={1} maxWidth="100vw">
+ <Container position="relative" zIndex={1}>
<OnboardingCard
title={step.title}
content={step.content}
diff --git a/packages/website/ts/components/ui/animation.tsx b/packages/website/ts/components/ui/animation.tsx
index 136f3d005..b90437721 100644
--- a/packages/website/ts/components/ui/animation.tsx
+++ b/packages/website/ts/components/ui/animation.tsx
@@ -14,12 +14,14 @@ const appearFromBottomFrames = keyframes`
position: fixed;
bottom: -500px;
left: 0px;
+ right: 0px;
}
to {
position: fixed;
bottom: 0px;
left: 0px;
+ right: 0px;
}
`;