more details
This commit is contained in:
parent
a5181f8be1
commit
d308d2f26d
3 changed files with 27 additions and 10 deletions
|
|
@ -82,14 +82,15 @@
|
||||||
|
|
||||||
#premium-content-area {
|
#premium-content-area {
|
||||||
width: 80%;
|
width: 80%;
|
||||||
|
height: 50px;
|
||||||
|
align-items: center;
|
||||||
margin-left: auto;
|
margin-left: auto;
|
||||||
margin-right: auto;
|
margin-right: auto;
|
||||||
display: flex;
|
display: flex;
|
||||||
}
|
}
|
||||||
|
|
||||||
#premium-selector-area {
|
#premium-selector-area {
|
||||||
width: 23%;
|
margin-left: auto;
|
||||||
margin-left: 0;
|
|
||||||
margin-right: 5%;
|
margin-right: 5%;
|
||||||
display: flex;
|
display: flex;
|
||||||
}
|
}
|
||||||
|
|
@ -130,8 +131,19 @@
|
||||||
|
|
||||||
#premium-price-display-area {
|
#premium-price-display-area {
|
||||||
margin-left: 0;
|
margin-left: 0;
|
||||||
margin-right: 0;
|
margin-right: auto;
|
||||||
width: 70%;
|
font-size: 1em;
|
||||||
|
text-align: start;
|
||||||
|
}
|
||||||
|
|
||||||
|
#premium-price-display-area > * {
|
||||||
|
margin-top: 0;
|
||||||
|
margin-bottom: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
#market-price-paragraph {
|
||||||
|
color: gray;
|
||||||
|
font-size: 0.8em;
|
||||||
}
|
}
|
||||||
|
|
||||||
#amount-area-content {
|
#amount-area-content {
|
||||||
|
|
@ -190,6 +202,10 @@
|
||||||
width: 2em;
|
width: 2em;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
#at-least-one-checkbox {
|
||||||
|
color: red;
|
||||||
|
}
|
||||||
|
|
||||||
#submit-button-area {
|
#submit-button-area {
|
||||||
margin-top: 1em;
|
margin-top: 1em;
|
||||||
margin-bottom: 1em;
|
margin-bottom: 1em;
|
||||||
|
|
|
||||||
|
|
@ -137,6 +137,7 @@ eurAmountInput.addEventListener('blur', () => {
|
||||||
|
|
||||||
eurAmountInput.addEventListener('input', () => {
|
eurAmountInput.addEventListener('input', () => {
|
||||||
eurAmountInput.value = eurAmountInput.value.replace(/[^0-9]/g, '');
|
eurAmountInput.value = eurAmountInput.value.replace(/[^0-9]/g, '');
|
||||||
|
updateBtcInput();
|
||||||
});
|
});
|
||||||
|
|
||||||
for (const btcMethodCheckbox of btcMethodCheckboxes) {
|
for (const btcMethodCheckbox of btcMethodCheckboxes) {
|
||||||
|
|
|
||||||
|
|
@ -54,10 +54,11 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div id="premium-price-display-area">
|
<div id="premium-price-display-area">
|
||||||
<p>
|
<p id="offer-price-paragraph">
|
||||||
Tu precio: <span id="offer-price">90 000</span>€/BTC
|
Tu precio: <span id="offer-price">90 000</span>€/BTC
|
||||||
<span>(Precio mercado: <span>83 000</span>€/BTC)</span>
|
<span>
|
||||||
</p>
|
</p>
|
||||||
|
<p id="offer-price-paragraph">(Precio mercado: <span>83 000</span>€/BTC)</span></p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -69,9 +70,9 @@
|
||||||
id="input-eur-amount"
|
id="input-eur-amount"
|
||||||
type="text"
|
type="text"
|
||||||
class="money-input input-money-amount"
|
class="money-input input-money-amount"
|
||||||
|
placeholder="100"
|
||||||
required
|
required
|
||||||
/><!--
|
/>
|
||||||
-->
|
|
||||||
<div id="eur-symbol" class="curr-symbol">
|
<div id="eur-symbol" class="curr-symbol">
|
||||||
<span id="eur-character" class="curr-character">€</span>
|
<span id="eur-character" class="curr-character">€</span>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -82,8 +83,7 @@
|
||||||
type="text"
|
type="text"
|
||||||
class="money-input input-money-amount"
|
class="money-input input-money-amount"
|
||||||
disabled
|
disabled
|
||||||
/><!--
|
/>
|
||||||
-->
|
|
||||||
<div id="sats-symbol" class="curr-symbol">
|
<div id="sats-symbol" class="curr-symbol">
|
||||||
<span id="sats-character" class="curr-character">SAT</span>
|
<span id="sats-character" class="curr-character">SAT</span>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue