status-im
/
safe-react
mirror of https://github.com/status-im/safe-react.git
2
0
Fork 0
Code Issues Projects Releases Wiki Activity

Splitter sendFunds

This commit is contained in:
mmv 2019-04-30 15:58:37 +04:00
parent 53c8a8f5ad
commit 8b0bb4fe4f
2 changed files with 18 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
src/components/layout/Col/index.scss
View File

@ -184,19 +184,19 @@
text-align: end; text-align: end;
} }
.top$(size) { .top$(size) {
align-items: flex-start; align-items: flex-start;
} }
.middle$(size) { .middle$(size) {
align-items: center; align-items: center;
} }
.bottom$(size) { .bottom$(size) {
align-items: flex-end; align-items: flex-end;
} }
.around$(size) { .around$(size) {
justify-content: space-around; justify-content: space-around;
} }
.between$(size) { .between$(size) {
justify-content: space-between; justify-content: space-between;
} }
} }

17
src/routes/safe/components/Balances/SendModal/screens/SendFunds/index.jsx
View File

@ -4,11 +4,13 @@ import { withStyles } from '@material-ui/core/styles'
import Close from '@material-ui/icons/Close' import Close from '@material-ui/icons/Close'
import IconButton from '@material-ui/core/IconButton' import IconButton from '@material-ui/core/IconButton'
import OpenInNew from '@material-ui/icons/OpenInNew' import OpenInNew from '@material-ui/icons/OpenInNew'
import ArrowDown from '@material-ui/icons/ArrowDownward'
import Identicon from '~/components/Identicon' import Identicon from '~/components/Identicon'
import Paragraph from '~/components/layout/Paragraph' import Paragraph from '~/components/layout/Paragraph'
import Row from '~/components/layout/Row' import Row from '~/components/layout/Row'
import Link from '~/components/layout/Link' import Link from '~/components/layout/Link'
import Col from '~/components/layout/Col' import Col from '~/components/layout/Col'
import Block from '~/components/layout/Block' import Block from '~/components/layout/Block'
import Bold from '~/components/layout/Bold' import Bold from '~/components/layout/Bold'
import Hairline from '~/components/layout/Hairline' import Hairline from '~/components/layout/Hairline'
@ -73,12 +75,12 @@ const SendFunds = ({
</Row> </Row>
<Hairline /> <Hairline />
<Block className={classes.formContainer}> <Block className={classes.formContainer}>
<Row> <Row margin="md">
<Col xs={1}> <Col xs={1}>
<Identicon address={safeAddress} diameter={32} /> <Identicon address={safeAddress} diameter={32} />
</Col> </Col>
<Col xs={11} layout="column"> <Col xs={11} layout="column">
<Paragraph weight="bolder" noMargin style={{lineHeight: 1}}> <Paragraph weight="bolder" noMargin style={{ lineHeight: 1 }}>
{safeName} {safeName}
</Paragraph> </Paragraph>
<Paragraph weight="bolder" onClick={copyToClipboard} noMargin> <Paragraph weight="bolder" onClick={copyToClipboard} noMargin>
@ -87,7 +89,7 @@ const SendFunds = ({
<OpenInNew style={openIconStyle} /> <OpenInNew style={openIconStyle} />
</Link> </Link>
</Paragraph> </Paragraph>
<Block className={classes.balanceContainer} margin="lg"> <Block className={classes.balanceContainer}>
<Paragraph noMargin> <Paragraph noMargin>
Balance: Balance:
{' '} {' '}
@ -96,7 +98,14 @@ const SendFunds = ({
</Block> </Block>
</Col> </Col>
</Row> </Row>
<Hairline /> <Row>
<Col xs={1}>
<ArrowDown />
</Col>
<Col xs={11} center="xs" layout="column">
<Hairline />
</Col>
</Row>
</Block> </Block>
</React.Fragment> </React.Fragment>
) )