update header style + summary card style
This commit is contained in:
parent
396dab9320
commit
8193e4d42e
|
@ -30,6 +30,7 @@ const styles = theme => ({
|
|||
display: 'flex',
|
||||
},
|
||||
appBar: {
|
||||
backgroundColor: '#111735',
|
||||
transition: theme.transitions.create(['margin', 'width'], {
|
||||
easing: theme.transitions.easing.sharp,
|
||||
duration: theme.transitions.duration.leavingScreen,
|
||||
|
|
|
@ -11,6 +11,11 @@ const styles = {
|
|||
card: {
|
||||
minWidth: 275,
|
||||
},
|
||||
fundingSummaries: {
|
||||
display: 'flex',
|
||||
flexDirection: 'column',
|
||||
alignItems: 'center'
|
||||
},
|
||||
bullet: {
|
||||
display: 'inline-block',
|
||||
margin: '0 2px',
|
||||
|
@ -41,17 +46,20 @@ function SimpleCard(props) {
|
|||
const [name, amounts] = token
|
||||
const { deposits, withdraws } = amounts
|
||||
return (
|
||||
<div key={name}>
|
||||
<Card key={name} className={classes.fundingSummaries}>
|
||||
<Typography variant="h5" component="h2">
|
||||
{name}
|
||||
</Typography>
|
||||
<Typography key={name + 'withdraw'} className={classes.pos} color="textSecondary">
|
||||
Funded: {deposits} {name}
|
||||
Funded: {deposits}
|
||||
</Typography>
|
||||
<Typography key={name + 'deposit'} className={classes.pos} color="textSecondary">
|
||||
Withdrawn: {withdraws} {name}
|
||||
Withdrawn: {withdraws}
|
||||
</Typography>
|
||||
<Typography key={name + 'total'} className={classes.pos} color="textSecondary">
|
||||
Net: {Number(deposits) - Number(withdraws)} {name}
|
||||
Net: {Number(deposits) - Number(withdraws)}
|
||||
</Typography>
|
||||
</div>
|
||||
</Card>
|
||||
)
|
||||
})}
|
||||
</CardContent>
|
||||
|
|
Loading…
Reference in New Issue