diff --git a/src/components/Onboarding/helperComponents.js b/src/components/Onboarding/helperComponents.js index 4f9be4c5..4f33cb11 100644 --- a/src/components/Onboarding/helperComponents.js +++ b/src/components/Onboarding/helperComponents.js @@ -4,6 +4,7 @@ import styled from 'styled-components' import { radii } from 'styles/theme' import Box from 'components/base/Box' +import GrowScroll from 'components/base/GrowScroll' import IconSensitiveOperationShield from 'icons/illustrations/SensitiveOperationShield' // GENERAL @@ -16,6 +17,8 @@ export const Title = styled(Box).attrs({ text-align: center; ` +export const StepContainerInner = styled(GrowScroll).attrs({ pb: 6, align: 'center' })`` + export const Description = styled(Box).attrs({ ff: 'Museo Sans|Light', fontSize: 5, diff --git a/src/components/Onboarding/steps/Analytics.js b/src/components/Onboarding/steps/Analytics.js index d92720bc..94bdea55 100644 --- a/src/components/Onboarding/steps/Analytics.js +++ b/src/components/Onboarding/steps/Analytics.js @@ -6,7 +6,7 @@ import { connect } from 'react-redux' import { saveSettings } from 'actions/settings' import Box from 'components/base/Box' import CheckBox from 'components/base/CheckBox' -import { Title, Description, FixedTopContainer } from '../helperComponents' +import { Title, Description, FixedTopContainer, StepContainerInner } from '../helperComponents' import OnboardingFooter from '../OnboardingFooter' import type { StepProps } from '..' @@ -51,7 +51,7 @@ class Analytics extends PureComponent { return ( - + {t('onboarding:analytics.title')} {t('onboarding:analytics.desc')} @@ -74,7 +74,7 @@ class Analytics extends PureComponent { - + { return ( - + {t('onboarding:genuineCheck.title')} {onboarding.isLedgerNano ? ( {t('onboarding:genuineCheck.descNano')} @@ -249,7 +250,7 @@ class GenuineCheck extends PureComponent { )} - + { const { t, onboarding, jumpStep } = this.props return ( - + {t('onboarding:selectDevice.title')} @@ -63,7 +63,7 @@ class SelectDevice extends PureComponent { - + { return ( - + {t('onboarding:setPassword.title')} @@ -120,7 +121,7 @@ class SetPassword extends PureComponent { - +