RanchiMall/floscout-testnet
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

v1.1.9

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
css/main.css
View File

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

2
css/main.css.map
View File

File diff suppressed because one or more lines are too long

14
css/main.scss
View File

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

5
index.html
View File

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