counterweight/secajs
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

more visual stuff

Browse source
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
Download patch file Download diff file Expand all files Collapse all files

19
src/public/css/offers.css
View file

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

44
src/views/offers.ejs
View file

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