UI improvements
This commit is contained in:
parent
4839a37e4f
commit
82a2c569f9
@ -1093,11 +1093,10 @@ p {
|
||||
align-items: center;
|
||||
}
|
||||
.info-row {
|
||||
flex-wrap: wrap;
|
||||
flex-direction: row;
|
||||
}
|
||||
.info-row h5 {
|
||||
min-width: 12rem;
|
||||
min-width: 11rem;
|
||||
}
|
||||
}
|
||||
@media only screen and (min-width: 1280px) {
|
||||
|
||||
2
css/main.min.css
vendored
2
css/main.min.css
vendored
File diff suppressed because one or more lines are too long
@ -1005,10 +1005,9 @@ p {
|
||||
align-items: center;
|
||||
}
|
||||
.info-row {
|
||||
flex-wrap: wrap;
|
||||
flex-direction: row;
|
||||
h5 {
|
||||
min-width: 12rem;
|
||||
min-width: 11rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@ -833,7 +833,7 @@
|
||||
`)}
|
||||
</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">
|
||||
<h5 class="label">Contract Type</h5>
|
||||
<h4>${replaceDash(contractType)}</h4>
|
||||
@ -955,9 +955,9 @@
|
||||
return html`
|
||||
<li class="flex align-center flex-wrap participant">
|
||||
<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(swapPrice, 'usd')} ${accepting_token}</h4>/token
|
||||
<h4>${formatAmount(swapPrice, 'usd')} ${accepting_token}</h4>
|
||||
</li>
|
||||
`;
|
||||
},
|
||||
|
||||
Loading…
Reference in New Issue
Block a user