engineering/make_post_sell
1
0
Fork 0
Code Issues 2 Pull requests Projects Releases 2 Packages Wiki Activity Actions

Move QR code above payment amount text

Browse source 
Position QR code directly above the 'Send exactly X XMR to this address'
text for better visual flow and easier wallet scanning.
This commit is contained in:
Russell Ballestrini 2025-09-24 11:43:56 -04:00
parent 93b807aab9
commit 444f9d2d5f
1 changed files with 7 additions and 9 deletions
Download patch file Download diff file Expand all files Collapse all files

16
make_post_sell/templates/crypto_checkout.j2
View file

@ -11,16 +11,14 @@
{% else %}
{% set amount_fmt = '%.8f' % amount_crypto %}
{% endif %}
<div style="display: grid; grid-template-columns: 1fr auto; gap: 20px; align-items: start; margin: 8px 0;">
<div>
<p>Send exactly <b id="crypto-amount">{{ amount_fmt }}</b> {{ coin_symbol }} to this address:</p>
<pre id="crypto-address" style="white-space:pre-wrap;word-wrap:break-word;">{{ address }}</pre>
</div>
<div style="text-align: center;">
<div id="payment-qr" style="margin-bottom: 8px;"></div>
<small style="color: #666;">Scan with wallet app</small>
</div>
<div style="text-align: center; margin: 16px 0;">
<div id="payment-qr" style="margin-bottom: 8px; display: inline-block;"></div>
<br>
<small style="color: #666;">Scan with wallet app</small>
</div>
<p>Send exactly <b id="crypto-amount">{{ amount_fmt }}</b> {{ coin_symbol }} to this address:</p>
<pre id="crypto-address" style="white-space:pre-wrap;word-wrap:break-word;">{{ address }}</pre>
<div style="display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 8px; margin: 8px 0;">
<button class="mps-button" id="copy-amt" style="background:#4c4; grid-row: 1;">Copy Amount</button>