fixes bloody sizing

This commit is contained in:
counterweight 2025-02-24 00:31:17 +01:00
parent adb393f740
commit b3cb690c3d
Signed by: counterweight
GPG key ID: 883EDBAA726BD96C
3 changed files with 44 additions and 4 deletions

28
src/public/css/offers.css Normal file
View file

@ -0,0 +1,28 @@
#eur-amount {
padding: 0;
width: 50%;
}
#eur-amount > * {
display: inline-block;
font-size: 1em;
height: 2em;
vertical-align: middle;
}
#input-eur-amount {
width:75%;
}
#eur-amount #eur-symbol {
background-color: #d8d8d8;
width: 25%;
}
#eur-amount #eur-symbol #eur-character {
display: flex;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
}

View file

@ -55,7 +55,7 @@ function toggleBuyOrSellButtonGroup() {
function validateAndFormatEurAmountInput() {
const eurAmountFieldValue = eurAmountInput.value;
const regularExpression = /€?\s?(\d+[\.,]?\d*)\s?€?/;
const regularExpression = /€?\s?(\d+[.,]?\d*)\s?€?/;
const matchResult = eurAmountFieldValue.match(regularExpression);
eurAmountInput.classList.remove('input-is-valid', 'input-is-invalid');