diff options
| author | fragosti <francesco.agosti93@gmail.com> | 2018-06-28 04:51:37 +0800 |
|---|---|---|
| committer | fragosti <francesco.agosti93@gmail.com> | 2018-06-28 04:51:37 +0800 |
| commit | 3c68d9c29794f25c5dd23791073a43a744450346 (patch) | |
| tree | 995805dcedf639f21c265b6755e573b8912f7d3c | |
| parent | ffdc7d13a9ee1f621f885d8f4f375998944b30de (diff) | |
| download | dexon-sol-tools-3c68d9c29794f25c5dd23791073a43a744450346.tar dexon-sol-tools-3c68d9c29794f25c5dd23791073a43a744450346.tar.gz dexon-sol-tools-3c68d9c29794f25c5dd23791073a43a744450346.tar.bz2 dexon-sol-tools-3c68d9c29794f25c5dd23791073a43a744450346.tar.lz dexon-sol-tools-3c68d9c29794f25c5dd23791073a43a744450346.tar.xz dexon-sol-tools-3c68d9c29794f25c5dd23791073a43a744450346.tar.zst dexon-sol-tools-3c68d9c29794f25c5dd23791073a43a744450346.zip | |
Fix skip button position on first step
| -rw-r--r-- | packages/website/ts/components/onboarding/onboarding_card.tsx | 26 |
1 files changed, 15 insertions, 11 deletions
diff --git a/packages/website/ts/components/onboarding/onboarding_card.tsx b/packages/website/ts/components/onboarding/onboarding_card.tsx index bc83b8034..eff66f488 100644 --- a/packages/website/ts/components/onboarding/onboarding_card.tsx +++ b/packages/website/ts/components/onboarding/onboarding_card.tsx @@ -60,17 +60,21 @@ export const OnboardingCard: React.StatelessComponent<OnboardingCardProps> = ({ {continueButtonText} </Button> )} - <Container className="flex justify-between" marginTop="15px"> - {!shouldHideBackButton && ( - <Text fontColor={colors.grey} onClick={onClickBack}> - Back - </Text> - )} - {!shouldHideNextButton && ( - <Text fontColor={colors.grey} onClick={onClickNext}> - Skip - </Text> - )} + <Container className="clearfix" marginTop="15px"> + <div className="left"> + {!shouldHideBackButton && ( + <Text fontColor={colors.grey} onClick={onClickBack}> + Back + </Text> + )} + </div> + <div className="right"> + {!shouldHideNextButton && ( + <Text fontColor={colors.grey} onClick={onClickNext}> + Skip + </Text> + )} + </div> </Container> </div> </Container> |