use bootstrap border utility

This commit is contained in:
Jonathan Rainville 2018-10-24 11:54:21 -04:00
parent e456a76d19
commit 991066a1f5
4 changed files with 8 additions and 8 deletions

View File

@ -14,7 +14,7 @@ const Accounts = ({accounts}) => (
</CardHeader>
<CardBody>
{accounts.map(account => (
<div className="explorer-row" key={account.address}>
<div className="explorer-row border-top" key={account.address}>
<CardTitleIdenticon id={account.address}>Account&nbsp;
<Link to={`/embark/explorer/accounts/${account.address}`}>{account.address}</Link>
</CardTitleIdenticon>

View File

@ -15,7 +15,7 @@ const Blocks = ({blocks, showLoadMore, loadMore}) => (
</CardHeader>
<CardBody>
{blocks.map(block => (
<div className="explorer-row" key={block.number}>
<div className="explorer-row border-top" key={block.number}>
<CardTitleIdenticon id={block.hash}>Block&nbsp;
<Link to={`/embark/explorer/blocks/${block.number}`}>
{block.number}

View File

@ -1,11 +1,11 @@
.explorer-row {
border-top-width: 0 !important; /*Bootstrap uses important, so we need to override it*/
}
.explorer-row + .explorer-row {
margin-top: 5px;
padding-top: 20px;
border-top: 1px solid #c8ced3;
}
.dark-theme .explorer-row {
border-top-color: #23282c;
border-top-width: 1px !important;
}
.explorer-row .text-truncate {

View File

@ -15,7 +15,7 @@ const Transactions = ({transactions, showLoadMore, loadMore}) => (
</CardHeader>
<CardBody>
{transactions.map(transaction => (
<div className="explorer-row" key={transaction.hash}>
<div className="explorer-row border-top" key={transaction.hash}>
<CardTitleIdenticon id={transaction.hash}>Transaction&nbsp;
<Link to={`/embark/explorer/transactions/${transaction.hash}`}>
{transaction.hash}