modified UI

This commit is contained in:
Dustin Brickwood 2018-05-16 10:07:41 -04:00
parent 13ae71cb05
commit 8e29670852
2 changed files with 23 additions and 5 deletions

View file

@ -9,6 +9,23 @@
box-shadow: 0 2px 2px 0 rgba(0,0,0,0.16), 0 0 0 1px rgba(0,0,0,0.08);
}
.Greeting {
display: block;
}
.Transactions {
display: inline-block;
font-size: 1rem;
}
margin-right: 5px;
}
.BlockButton {
background-color: darkorange;
border-color: darkorange;
}
.Blocks {
display: inline-block;
font-size: 1rem;
}

View file

@ -4,14 +4,15 @@ import { Link } from 'react-router-dom'
const home = props => {
const combinedClasses = ["btn", "btn-primary", classes.BlockButton]
return (
<div className={classes.Home}>
<span>THIS IS A WIP</span>
<span className={classes.Greeting}>THIS IS A WIP</span>
<div className={classes.Transactions}>
<Link to="/transactions"><button>Transactions</button></Link>
<Link to="/transactions"><button className="btn btn-primary">Transactions</button></Link>
</div>
<div className={classes.Transactions}>
<Link to="/blocks"><button>Blocks</button></Link>
<div className={classes.Blocks}>
<Link to="/blocks"><button className={combinedClasses.join(" ")}>Blocks</button></Link>
</div>
</div>
);