Align connect button to center

This commit is contained in:
mmv 2019-10-22 14:17:45 +04:00
parent 1679bfc065
commit 7ef89535da
3 changed files with 9 additions and 3 deletions

View File

@ -4,6 +4,7 @@ import { withStyles } from '@material-ui/core/styles'
import Paragraph from '~/components/layout/Paragraph' import Paragraph from '~/components/layout/Paragraph'
import ConnectButton from '~/components/ConnectButton' import ConnectButton from '~/components/ConnectButton'
import Row from '~/components/layout/Row' import Row from '~/components/layout/Row'
import Block from '~/components/layout/Block'
import { md, lg } from '~/theme/variables' import { md, lg } from '~/theme/variables'
import CircleDot from '~/components/Header/components/CircleDot' import CircleDot from '~/components/Header/components/CircleDot'
@ -25,6 +26,7 @@ const styles = () => ({
}, },
connect: { connect: {
padding: `${md} ${lg}`, padding: `${md} ${lg}`,
textAlign: 'center',
}, },
connectText: { connectText: {
letterSpacing: '1px', letterSpacing: '1px',
@ -46,9 +48,9 @@ const ConnectDetails = ({ classes }: Props) => (
<Row className={classes.logo} margin="lg"> <Row className={classes.logo} margin="lg">
<CircleDot keySize={32} circleSize={75} dotSize={25} dotTop={50} dotRight={25} center mode="error" /> <CircleDot keySize={32} circleSize={75} dotSize={25} dotTop={50} dotRight={25} center mode="error" />
</Row> </Row>
<Row className={classes.connect}> <Block className={classes.connect}>
<ConnectButton /> <ConnectButton />
</Row> </Block>
</> </>
) )

View File

@ -95,7 +95,7 @@ const Welcome = ({ provider }: Props) => (
</Block> </Block>
</> </>
) : ( ) : (
<Block margin="md"> <Block margin="md" className={styles.connectWallet}>
<Heading tag="h3" align="center" margin="md"> <Heading tag="h3" align="center" margin="md">
Get Started by Connecting a Wallet Get Started by Connecting a Wallet
</Heading> </Heading>

View File

@ -17,3 +17,7 @@
.learnMoreLink { .learnMoreLink {
color: $secondary; color: $secondary;
} }
.connectWallet {
text-align: center;
}