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

UI fixes

Browse Source
This commit is contained in:
sairaj mote 2023-04-16 00:18:08 +05:30
parent dd63e06ec5
commit 04ef584393
4 changed files with 12 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
css/main.css
View File

@ -1044,12 +1044,14 @@ theme-toggle {
margin-bottom: 1rem; margin-bottom: 1rem;
} }
#participant_container { #participant_container,
#deposits_container {
display: grid; display: grid;
gap: 2.5rem; gap: 2.5rem;
} }
.participant { .participant,
.deposit-card {
flex-wrap: wrap; flex-wrap: wrap;
gap: 2rem; gap: 2rem;
} }

2
css/main.min.css vendored
View File

File diff suppressed because one or more lines are too long

6
css/main.scss
View File

@ -951,11 +951,13 @@ theme-toggle {
flex-direction: column; flex-direction: column;
margin-bottom: 1rem; margin-bottom: 1rem;
} }
#participant_container { #participant_container,
#deposits_container {
display: grid; display: grid;
gap: 2.5rem; gap: 2.5rem;
} }
.participant { .participant,
.deposit-card {
flex-wrap: wrap; flex-wrap: wrap;
gap: 2rem; gap: 2rem;
} }

9
index.html
View File

@ -994,12 +994,9 @@
depositCard(details) { depositCard(details) {
const { currentBalance, depositorAddress, originalBalance, status, time, transactionHash, accepting_token } = details const { currentBalance, depositorAddress, originalBalance, status, time, transactionHash, accepting_token } = details
return html` return html`
<li class="flex participant"> <li class="flex deposit-card">
<div class="grid gap-0-5 flex-1"> <div class="grid gap-0-5 flex-1">
<div class="flex align-center gap-0-5"> <h5>Deposit</h5>
<svg class="icon" xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="#000000"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M6.99 11L3 15l3.99 4v-3H14v-2H6.99v-3zM21 9l-3.99-4v3H10v2h7.01v3L21 9z"/></svg>
<h5>Deposit</h5>
</div>
<a href=${`#/address/${depositorAddress}`} class="address wrap-around">${depositorAddress}</a> <a href=${`#/address/${depositorAddress}`} class="address wrap-around">${depositorAddress}</a>
</div> </div>
<div class="grid align-center gap-1 flex-1" style="grid-template-columns: repeat(auto-fill, minmax(8rem, 1fr))"> <div class="grid align-center gap-1 flex-1" style="grid-template-columns: repeat(auto-fill, minmax(8rem, 1fr))">
@ -1437,8 +1434,8 @@
} }
async function getContractDeposits(contract) { async function getContractDeposits(contract) {
const deposits = await fetchJson(`${tokenApiUrl}/api/v2/smartContractDeposits?contractName=${contract.name}&contractAddress=${contract.address}`)
console.log(`${tokenApiUrl}/api/v2/smartContractDeposits?contractName=${contract.name}&contractAddress=${contract.address}`) console.log(`${tokenApiUrl}/api/v2/smartContractDeposits?contractName=${contract.name}&contractAddress=${contract.address}`)
const deposits = await fetchJson(`${tokenApiUrl}/api/v2/smartContractDeposits?contractName=${contract.name}&contractAddress=${contract.address}`)
return deposits.depositInfo return deposits.depositInfo
} }