This commit is contained in:
sairaj mote 2020-05-27 21:14:41 +05:30
parent b3e539f46e
commit dc6f2d9719
4 changed files with 20 additions and 18 deletions

View File

@ -698,6 +698,7 @@ p {
color: white;
border-radius: 0.5rem;
padding: 2rem 1.5rem;
margin-bottom: 1rem;
}
.balance-card .flo-logo {
@ -815,7 +816,7 @@ p {
margin-right: 1.5rem;
-webkit-tap-highlight-color: transparent;
white-space: nowrap;
font-size: 1.2rem;
font-size: 1.1rem;
}
.tabs .tab:last-of-type {
@ -828,7 +829,7 @@ p {
.tabs .line {
position: absolute;
height: 0.16rem;
height: 0.12rem;
background: rgba(var(--text), 1);
width: 1px;
bottom: 0;
@ -849,10 +850,6 @@ p {
margin-bottom: 0;
}
.block-card {
padding: 1.5rem;
}
#homepage {
margin: 0 1.5rem;
}
@ -976,7 +973,7 @@ p {
}
}
#all_blocks_page, #top_blocks_container {
#all_blocks_page, #top_blocks_container, #token_balance_container {
display: -ms-grid;
display: grid;
gap: 1rem;
@ -984,10 +981,14 @@ p {
grid-template-columns: repeat(auto-fill, minmax(12rem, 1fr));
}
#all_blocks_page .card, #top_blocks_container .card {
#all_blocks_page .card, #top_blocks_container .card, #token_balance_container .card {
margin: 0;
}
#token_balance_container {
margin-top: 1.5rem;
}
@media only screen and (min-width: 640px) {
.margin, .page {
margin: 0 6vw;

File diff suppressed because one or more lines are too long

View File

@ -467,6 +467,7 @@ p{
color: white;
border-radius: 0.5rem;
padding: 2rem 1.5rem;
margin-bottom: 1rem;
.flo-logo{
grid-area: logo;
fill: white;
@ -547,7 +548,7 @@ p{
margin-right: 1.5rem;
-webkit-tap-highlight-color: transparent;
white-space: nowrap;
font-size: 1.2rem;
font-size: 1.1rem;
&:last-of-type{
margin-right: 0;
}
@ -557,7 +558,7 @@ p{
}
.line{
position: absolute;
height: 0.16rem;
height: 0.12rem;
background: rgba(var(--text), 1);
width: 1px;
bottom: 0;
@ -572,10 +573,6 @@ p{
margin-bottom: 0;
}
}
.block-card{
padding: 1.5rem;
}
#homepage{
margin: 0 1.5rem;
}
@ -650,7 +647,7 @@ p{
}
}
#all_blocks_page, #top_blocks_container{
#all_blocks_page, #top_blocks_container, #token_balance_container{
display: grid;
gap: 1rem;
grid-template-columns: repeat(auto-fill, minmax(12rem, 1fr));
@ -658,6 +655,9 @@ p{
margin: 0;
}
}
#token_balance_container{
margin-top: 1.5rem;
}
@media only screen and (min-width: 640px){
.margin, .page{
margin: 0 6vw;

View File

@ -209,13 +209,14 @@
<div class="line"></div>
</div>
<ul id="address_transaction_container" data-tab-group="address" class="transaction-container"></ul>
<ul id="token_balance_container" data-tab-group="address" class="card hide-completely"></ul>`;
<ul id="token_balance_container" data-tab-group="address" class="hide-completely"></ul>`;
return page;
},
tokenBalanceCard(token, balance) {
let card = document.createElement('li')
card.classList.add('card')
card.innerHTML = `
<h5 class="label uppercase">${token}</h5>
<h5 class="label uppercase token">${token}</h5>
<h4>${balance}</h4>
`
return card