Qortal/qortal-ui
4
1
Fork 4
mirror of https://github.com/Qortal/qortal-ui.git synced 2025-02-16 04:05:48 +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

39
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 {
@ -666,7 +677,7 @@ class TradePortal extends LitElement {
<div style="margin-left: auto"> <div style="margin-left: auto">
<mwc-icon-button class="btn-clear" title="${translate("tradepage.tchange15")}" icon="clear_all" @click="${() => this.clearBuyForm()}"></mwc-icon-button> <mwc-icon-button class="btn-clear" title="${translate("tradepage.tchange15")}" icon="clear_all" @click="${() => this.clearBuyForm()}"></mwc-icon-button>
</div> </div>
<span class="tab-text">${translate("tradepage.tchange8")} (QORT)*</span> <span class="tab-text">${translate("tradepage.tchange8")} (QORT)*</span>
<p> <p>
<mwc-textfield <mwc-textfield
style="width: 100%; color: var(--black);" style="width: 100%; color: var(--black);"
@ -680,7 +691,7 @@ class TradePortal extends LitElement {
> >
</mwc-textfield> </mwc-textfield>
</p> </p>
<span class="tab-text">${translate("tradepage.tchange14")} (${this.listedCoins.get(this.selectedCoin).coinCode})*</span> <span class="tab-text">${translate("tradepage.tchange14")} (${this.listedCoins.get(this.selectedCoin).coinCode})*</span>
<p> <p>
<mwc-textfield <mwc-textfield
style="width: 100%; color: var(--black);" style="width: 100%; color: var(--black);"
@ -694,7 +705,7 @@ class TradePortal extends LitElement {
> >
</mwc-textfield> </mwc-textfield>
</p> </p>
<span class="tab-text">${translate("tradepage.tchange10")} (${this.listedCoins.get(this.selectedCoin).coinCode})*</span> <span class="tab-text">${translate("tradepage.tchange10")} (${this.listedCoins.get(this.selectedCoin).coinCode})*</span>
<p> <p>
<mwc-textfield <mwc-textfield
style="width: 100%; color: var(--black);" style="width: 100%; color: var(--black);"
@ -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)}">
@ -749,7 +762,7 @@ class TradePortal extends LitElement {
> >
</mwc-textfield> </mwc-textfield>
</p> </p>
<span class="tab-text">${translate("tradepage.tchange14")} (${this.listedCoins.get(this.selectedCoin).coinCode})*</span> <span class="tab-text">${translate("tradepage.tchange14")} (${this.listedCoins.get(this.selectedCoin).coinCode})*</span>
<p> <p>
<mwc-textfield <mwc-textfield
style="width: 100%; color: var(--black);" style="width: 100%; color: var(--black);"
@ -764,7 +777,7 @@ class TradePortal extends LitElement {
> >
</mwc-textfield> </mwc-textfield>
</p> </p>
<span class="tab-text">${translate("tradepage.tchange10")} (${this.listedCoins.get(this.selectedCoin).coinCode})*</span> <span class="tab-text">${translate("tradepage.tchange10")} (${this.listedCoins.get(this.selectedCoin).coinCode})*</span>
<p> <p>
<mwc-textfield <mwc-textfield
style="width: 100%; color: var(--black);" style="width: 100%; color: var(--black);"
@ -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()}">