From b3cb690c3df8fe35a1ba3dec1424db804a3ca6dd Mon Sep 17 00:00:00 2001 From: counterweight Date: Mon, 24 Feb 2025 00:31:17 +0100 Subject: [PATCH] fixes bloody sizing --- src/public/css/offers.css | 28 ++++++++++++++++++++++++++++ src/public/javascript/offers.js | 2 +- src/views/offers.ejs | 18 +++++++++++++++--- 3 files changed, 44 insertions(+), 4 deletions(-) create mode 100644 src/public/css/offers.css diff --git a/src/public/css/offers.css b/src/public/css/offers.css new file mode 100644 index 0000000..b0e9be0 --- /dev/null +++ b/src/public/css/offers.css @@ -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%; +} diff --git a/src/public/javascript/offers.js b/src/public/javascript/offers.js index d8a6e0e..db01c0a 100644 --- a/src/public/javascript/offers.js +++ b/src/public/javascript/offers.js @@ -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'); diff --git a/src/views/offers.ejs b/src/views/offers.ejs index 205567b..4ec4fbe 100644 --- a/src/views/offers.ejs +++ b/src/views/offers.ejs @@ -5,6 +5,7 @@ + @@ -41,12 +42,23 @@

¿Cuánto?

- +
+
+ € +
+

¿Cómo se mueve el Bitcoin?

- - + +