UI improvements

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

View File

@ -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

File diff suppressed because one or more lines are too long

View File

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

View File

@ -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>
`;
},