more visual stuff

This commit is contained in:
counterweight 2025-02-24 17:11:02 +01:00
parent 716dc726b5
commit c8390660b9
Signed by: counterweight
GPG key ID: 883EDBAA726BD96C
2 changed files with 39 additions and 24 deletions

View file

@ -26,7 +26,6 @@
#premium-selector-area {
width: 100px;
}
}
#create-offer-controls > * {
@ -61,7 +60,7 @@
}
#premium-selector-area {
width:23%;
width: 23%;
margin-left: 0;
margin-right: 5%;
}
@ -81,9 +80,18 @@
width: 70%;
}
#amount-area-content {
width: 30%;
margin-left: auto;
margin-right: auto;
}
.money-amount-input-area {
padding: 0;
width: 10em;
width: 100%;
display: flex;
}
.money-amount-input-area > * {
@ -95,10 +103,13 @@
.input-money-amount {
width: 75%;
margin: 0;
}
.money-amount-input-area .curr-symbol {
background-color: #d8d8d8;
width: 12;
width: 25%;
margin: 0;
border: 1px solid gray;
}
.money-amount-input-area .curr-symbol .curr-character {

View file

@ -63,27 +63,31 @@
</div>
</div>
<div id="amount-area">
<p>¿Cuánto?</p>
<div id="eur-amount" class="money-amount-input-area">
<input
id="input-eur-amount"
type="text"
class="money-input input-money-amount"
required
/>
<div id="eur-symbol" class="curr-symbol">
<span id="eur-character" class="curr-character">€</span>
<h3>¿Cuánto?</h3>
<div id="amount-area-content">
<div id="eur-amount" class="money-amount-input-area">
<input
id="input-eur-amount"
type="text"
class="money-input input-money-amount"
required
/><!--
-->
<div id="eur-symbol" class="curr-symbol">
<span id="eur-character" class="curr-character">€</span>
</div>
</div>
</div>
<div id="btc-amount" class="money-amount-input-area">
<input
id="input-btc-amount"
type="text"
class="money-input input-money-amount"
disabled
/>
<div id="sats-symbol" class="curr-symbol">
<span id="sats-character" class="curr-character">SAT</span>
<div id="btc-amount" class="money-amount-input-area">
<input
id="input-btc-amount"
type="text"
class="money-input input-money-amount"
disabled
/><!--
-->
<div id="sats-symbol" class="curr-symbol">
<span id="sats-character" class="curr-character">SAT</span>
</div>
</div>
</div>
</div>