Qortal/qortal-ui
4
1
Fork 4
mirror of https://github.com/Qortal/qortal-ui.git synced 2025-02-19 13:45:47 +00:00
Code Issues Projects Releases Wiki Activity

Fix sizes and places

Browse Source
This commit is contained in:
AlphaX-Projects 2022-05-30 18:02:49 +02:00
parent 0d61fd3286
commit 4679a9df8c
1 changed files with 27 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

29
qortal-ui-plugins/plugins/core/trade-portal/trade-portal.src.js
View File

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