|
|
|
@ -242,9 +242,20 @@ class TradePortal extends LitElement {
|
|
|
|
|
.amt-text { |
|
|
|
|
color: var(--tradehave); |
|
|
|
|
font-size: 15px; |
|
|
|
|
text-align: right; |
|
|
|
|
margin-top: 2px; |
|
|
|
|
margin-bottom: 10px; |
|
|
|
|
margin-top: 5px; |
|
|
|
|
margin-bottom: 12px; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.balance-text { |
|
|
|
|
display: inline; |
|
|
|
|
float: right; |
|
|
|
|
margin-bottom: 5px; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.fee-text { |
|
|
|
|
display: inline; |
|
|
|
|
float: left; |
|
|
|
|
margin-bottom: 5px; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.tab-text { |
|
|
|
@ -718,8 +729,10 @@ class TradePortal extends LitElement {
|
|
|
|
|
> |
|
|
|
|
</mwc-textfield> |
|
|
|
|
</p> |
|
|
|
|
<span class="amt-text">${translate("tradepage.tchange16")}: ${this.listedCoins.get(this.selectedCoin).balance} ${this.listedCoins.get(this.selectedCoin).coinCode}</span> |
|
|
|
|
<span class="amt-text">${translate("walletpage.wchange12")}: ${this.listedCoins.get(this.selectedCoin).tradeFee} ${this.listedCoins.get(this.selectedCoin).coinCode}</span> |
|
|
|
|
<span class="amt-text"> |
|
|
|
|
<span class="balance-text">${translate("tradepage.tchange16")}: ${this.listedCoins.get(this.selectedCoin).balance} ${this.listedCoins.get(this.selectedCoin).coinCode}</span> |
|
|
|
|
<span class="fee-text">${translate("walletpage.wchange12")}: ${this.listedCoins.get(this.selectedCoin).tradeFee} ${this.listedCoins.get(this.selectedCoin).coinCode}</span> |
|
|
|
|
</span> |
|
|
|
|
<div class="buttons"> |
|
|
|
|
<div> |
|
|
|
|
<mwc-button class="buy-button" ?disabled="${this.buyBtnDisable}" style="width:100%;" raised @click="${(e) => this.buyAction(e)}"> |
|
|
|
@ -778,8 +791,10 @@ class TradePortal extends LitElement {
|
|
|
|
|
> |
|
|
|
|
</mwc-textfield> |
|
|
|
|
</p> |
|
|
|
|
<span class="amt-text">${translate("tradepage.tchange16")}: ${this.listedCoins.get("QORTAL").balance} QORT</span> |
|
|
|
|
<span class="amt-text">${translate("walletpage.wchange12")}: ${this.listedCoins.get("QORTAL").tradeFee} QORT</span> |
|
|
|
|
<span class="amt-text"> |
|
|
|
|
<span class="balance-text">${translate("tradepage.tchange16")}: ${this.listedCoins.get("QORTAL").balance} QORT</span> |
|
|
|
|
<span class="fee-text">${translate("walletpage.wchange12")}: ${this.listedCoins.get("QORTAL").tradeFee} QORT</span> |
|
|
|
|
</span> |
|
|
|
|
<div class="buttons"> |
|
|
|
|
<div> |
|
|
|
|
<mwc-button class="sell-button" ?disabled="${this.sellBtnDisable}" style="width:100%;" raised @click="${(e) => this.sellAction()}"> |
|
|
|
|