aboutsummaryrefslogtreecommitdiffstats
path: root/packages/website/ts/components
diff options
context:
space:
mode:
authorBrandon Millman <brandon.millman@gmail.com>2018-06-28 08:04:20 +0800
committerBrandon Millman <brandon.millman@gmail.com>2018-06-29 02:50:08 +0800
commit3315006c459d49d5cb412743bf190dbeda4ad5fa (patch)
treea424733920fe317659facdc96e86b9be83385371 /packages/website/ts/components
parent67007455851630d05b9c07108a3e545724e07690 (diff)
downloaddexon-sol-tools-3315006c459d49d5cb412743bf190dbeda4ad5fa.tar
dexon-sol-tools-3315006c459d49d5cb412743bf190dbeda4ad5fa.tar.gz
dexon-sol-tools-3315006c459d49d5cb412743bf190dbeda4ad5fa.tar.bz2
dexon-sol-tools-3315006c459d49d5cb412743bf190dbeda4ad5fa.tar.lz
dexon-sol-tools-3315006c459d49d5cb412743bf190dbeda4ad5fa.tar.xz
dexon-sol-tools-3315006c459d49d5cb412743bf190dbeda4ad5fa.tar.zst
dexon-sol-tools-3315006c459d49d5cb412743bf190dbeda4ad5fa.zip
Fix learn how to set up account layout
Diffstat (limited to 'packages/website/ts/components')
-rw-r--r--packages/website/ts/components/portal/portal.tsx20
-rw-r--r--packages/website/ts/components/portal/section.tsx4
2 files changed, 13 insertions, 11 deletions
diff --git a/packages/website/ts/components/portal/portal.tsx b/packages/website/ts/components/portal/portal.tsx
index d36ec99b0..a9396b83f 100644
--- a/packages/website/ts/components/portal/portal.tsx
+++ b/packages/website/ts/components/portal/portal.tsx
@@ -324,9 +324,9 @@ export class Portal extends React.Component<PortalProps, PortalState> {
const marginBottom = isMobile ? '200px' : '15px';
return (
<div>
- <Container>
+ <Container className="flex flex-column items-center">
{isMobile && <Container marginBottom="20px">{this._renderStartOnboarding()}</Container>}
- <Container marginBottom={marginBottom}>
+ <Container marginBottom={marginBottom} width="100%">
<Wallet
style={
!isMobile && this.props.isPortalOnboardingShowing
@@ -354,7 +354,7 @@ export class Portal extends React.Component<PortalProps, PortalState> {
refetchTokenStateAsync={this._refetchTokenStateAsync.bind(this)}
/>
</Container>
- {!isMobile && <Container marginTop="20px">{this._renderStartOnboarding()}</Container>}
+ {!isMobile && <Container marginTop="8px">{this._renderStartOnboarding()}</Container>}
</Container>
<PortalOnboardingFlow
blockchain={this._blockchain}
@@ -366,11 +366,13 @@ export class Portal extends React.Component<PortalProps, PortalState> {
}
private _renderStartOnboarding(): React.ReactNode {
return (
- <Container marginLeft="20px" marginRight="20px" className="flex justify-around items-center">
+ <Container className="flex items-center center">
<Help style={{ width: '20px', height: '20px' }} color={colors.mediumBlue} />
- <Text fontColor={colors.mediumBlue} fontSize="16px" onClick={this._startOnboarding.bind(this)}>
- Learn how to set up your account
- </Text>
+ <Container marginLeft="8px">
+ <Text fontColor={colors.mediumBlue} fontSize="16px" onClick={this._startOnboarding.bind(this)}>
+ Learn how to set up your account
+ </Text>
+ </Container>
</Container>
);
}
@@ -526,10 +528,10 @@ export class Portal extends React.Component<PortalProps, PortalState> {
private _renderRelayerIndex(): React.ReactNode {
const isMobile = utils.isMobile(this.props.screenWidth);
return (
- <div>
+ <Container className="flex flex-column items-center">
{isMobile && <Container marginBottom="20px">{this._renderStartOnboarding()}</Container>}
<RelayerIndex networkId={this.props.networkId} screenWidth={this.props.screenWidth} />
- </div>
+ </Container>
);
}
private _renderNotFoundMessage(): React.ReactNode {
diff --git a/packages/website/ts/components/portal/section.tsx b/packages/website/ts/components/portal/section.tsx
index 455ed07c9..b6c9fd098 100644
--- a/packages/website/ts/components/portal/section.tsx
+++ b/packages/website/ts/components/portal/section.tsx
@@ -6,9 +6,9 @@ export interface SectionProps {
}
export const Section = (props: SectionProps) => {
return (
- <div className="flex flex-column" style={{ height: '100%' }}>
+ <div className="flex flex-column">
{props.header}
- <div className="flex-auto">{props.body}</div>
+ {props.body}
</div>
);
};