more details

This commit is contained in:
counterweight 2025-02-25 00:38:13 +01:00
parent a5181f8be1
commit d308d2f26d
Signed by: counterweight
GPG key ID: 883EDBAA726BD96C
3 changed files with 27 additions and 10 deletions

View file

@ -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;

View file

@ -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) {

View file

@ -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>