Align connect button to center
This commit is contained in:
parent
1679bfc065
commit
7ef89535da
|
@ -4,6 +4,7 @@ import { withStyles } from '@material-ui/core/styles'
|
|||
import Paragraph from '~/components/layout/Paragraph'
|
||||
import ConnectButton from '~/components/ConnectButton'
|
||||
import Row from '~/components/layout/Row'
|
||||
import Block from '~/components/layout/Block'
|
||||
import { md, lg } from '~/theme/variables'
|
||||
import CircleDot from '~/components/Header/components/CircleDot'
|
||||
|
||||
|
@ -25,6 +26,7 @@ const styles = () => ({
|
|||
},
|
||||
connect: {
|
||||
padding: `${md} ${lg}`,
|
||||
textAlign: 'center',
|
||||
},
|
||||
connectText: {
|
||||
letterSpacing: '1px',
|
||||
|
@ -46,9 +48,9 @@ const ConnectDetails = ({ classes }: Props) => (
|
|||
<Row className={classes.logo} margin="lg">
|
||||
<CircleDot keySize={32} circleSize={75} dotSize={25} dotTop={50} dotRight={25} center mode="error" />
|
||||
</Row>
|
||||
<Row className={classes.connect}>
|
||||
<Block className={classes.connect}>
|
||||
<ConnectButton />
|
||||
</Row>
|
||||
</Block>
|
||||
</>
|
||||
)
|
||||
|
||||
|
|
|
@ -95,7 +95,7 @@ const Welcome = ({ provider }: Props) => (
|
|||
</Block>
|
||||
</>
|
||||
) : (
|
||||
<Block margin="md">
|
||||
<Block margin="md" className={styles.connectWallet}>
|
||||
<Heading tag="h3" align="center" margin="md">
|
||||
Get Started by Connecting a Wallet
|
||||
</Heading>
|
||||
|
|
|
@ -17,3 +17,7 @@
|
|||
.learnMoreLink {
|
||||
color: $secondary;
|
||||
}
|
||||
|
||||
.connectWallet {
|
||||
text-align: center;
|
||||
}
|
Loading…
Reference in New Issue