AlphaX
/
qortal-ui
forked from Qortal/qortal-ui
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

Fix sizes and places

Simplifying-installation-and-linkage
AlphaX-Projects 2 years ago
parent
0d61fd3286
commit
4679a9df8c
1 changed files with 27 additions and 12 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 39
      qortal-ui-plugins/plugins/core/trade-portal/trade-portal.src.js

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

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

Write Preview
Loading…
Cancel
Save