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

UI improvements

Browse Source
This commit is contained in:
sairaj mote 2023-04-15 16:00:57 +05:30
parent 4839a37e4f
commit 82a2c569f9
4 changed files with 6 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
css/main.css
View File

@ -1093,11 +1093,10 @@ p {
align-items: center; align-items: center;
} }
.info-row { .info-row {
flex-wrap: wrap;
flex-direction: row; flex-direction: row;
} }
.info-row h5 { .info-row h5 {
min-width: 12rem; min-width: 11rem;
} }
} }
@media only screen and (min-width: 1280px) { @media only screen and (min-width: 1280px) {

2
css/main.min.css vendored
View File

File diff suppressed because one or more lines are too long

3
css/main.scss
View File

@ -1005,10 +1005,9 @@ p {
align-items: center; align-items: center;
} }
.info-row { .info-row {
flex-wrap: wrap;
flex-direction: row; flex-direction: row;
h5 { h5 {
min-width: 12rem; min-width: 11rem;
} }
} }
} }

6
index.html
View File

@ -833,7 +833,7 @@
`)} `)}
</ul> </ul>
`: ''} `: ''}
<div class="card grid gap-1-5"> <div class="card grid gap-1-5" style="grid-template-columns: repeat(auto-fill, minmax(24rem,1fr)); gap: 1rem 3rem">
<div class="flex gap-0-5 info-row"> <div class="flex gap-0-5 info-row">
<h5 class="label">Contract Type</h5> <h5 class="label">Contract Type</h5>
<h4>${replaceDash(contractType)}</h4> <h4>${replaceDash(contractType)}</h4>
@ -955,9 +955,9 @@
return html` return html`
<li class="flex align-center flex-wrap participant"> <li class="flex align-center flex-wrap participant">
<a href=${`#/address/${participantFloAddress}`} class="address wrap-around">${participantFloAddress}</a> swapped <a href=${`#/address/${participantFloAddress}`} class="address wrap-around">${participantFloAddress}</a> swapped
<h4>${formatAmount(participationAmount, 'usd')} ${accepting_token}</h4> to <h4>${formatAmount(participationAmount, 'usd')} ${accepting_token}</h4> with
<h4>${formatAmount(swapAmount, 'usd')} ${selling_token}</h4> @ <h4>${formatAmount(swapAmount, 'usd')} ${selling_token}</h4> @
<h4>${formatAmount(swapPrice, 'usd')} ${accepting_token}</h4>/token <h4>${formatAmount(swapPrice, 'usd')} ${accepting_token}</h4>
</li> </li>
`; `;
}, },