full qr display

This commit is contained in:
aungthetkhaing
2025-06-19 22:14:57 +06:30
parent 27ae67614b
commit 10f7276a4f

View File

@@ -1,7 +1,7 @@
<div class="row clearfix h-100"> <div class="row clearfix h-100">
<!-- First Column: Invoice Details --> <!-- First Column: Invoice Details -->
<div class="col-12 h-100" id="second_display_order_items"> <div class="col-12 h-100" id="second_display_order_items">
<div class="card h-100" style="opacity: 0.95; background-color: #f8f9fa;"> <div class="card h-100" style="opacity: 0.85; background-color: #f8f9fa;">
<div class="card-header bg-primary text-white"> <div class="card-header bg-primary text-white">
<h4 class="mb-0">Invoice Details</h4> <h4 class="mb-0">Invoice Details</h4>
</div> </div>
@@ -51,7 +51,7 @@
<!-- Second Column: MMQR Payment --> <!-- Second Column: MMQR Payment -->
<div class="col-12 d-flex flex-column h-100 hidden" id="mmqr_payment"> <div class="col-12 d-flex flex-column h-100 hidden" id="mmqr_payment">
<div class="card h-100" style="opacity: 0.95;"> <div class="card h-100" style="opacity: 0.85;">
<div class="card-header text-white" style="background-color: #ffc107;"> <div class="card-header text-white" style="background-color: #ffc107;">
<h4 class="mb-0">MMQR Payment Option</h4> <h4 class="mb-0">MMQR Payment Option</h4>
</div> </div>
@@ -66,7 +66,7 @@
<p class="text-muted">Use your mobile wallet app</p> <p class="text-muted">Use your mobile wallet app</p>
</div> </div>
<div id="qr-payment-container" class="mx-auto text-center p-3 bg-white rounded border" style="max-width: 300px;"> <div id="qr-payment-container" class="mx-auto text-center p-3 bg-white rounded border" style="max-width: 350px;">
<!-- Added mx-auto to center this block within its col-6 parent --> <!-- Added mx-auto to center this block within its col-6 parent -->
<div id="qr-code" class="mb-2"> <div id="qr-code" class="mb-2">
<div id="qrpay_svg"> <div id="qrpay_svg">