Merge pull request #3 from lnbits/fix_responsive_QR

make QR responsive on ticket page
lnbits · Jun 28, 2023 · 13658ce · 13658ce
2 parents fb428cc + 2c9a27a
commit 13658ce
Showing 1 changed file with 5 additions and 8 deletions.
diff --git a/templates/events/ticket.html b/templates/events/ticket.html
@@ -11,15 +11,12 @@ <h5 class="q-my-none">
             and present it for registration!
           </h5>
           <br />
-
-          <qrcode
-            :value="'ticket://{{ ticket_id }}'"
-            :options="{width: 500}"
-          ></qrcode>
+          <q-responsive :ratio="1" class="q-mb-md" style="max-width: 300px">
+            <qrcode :value="'ticket://{{ ticket_id }}'" :options="{width: 500}"></qrcode>
+          </q-responsive>
           <br />
           <q-btn @click="printWindow" color="grey" class="q-ml-auto">
-            <q-icon left size="3em" name="print"></q-icon> Print</q-btn
-          >
+            <q-icon left size="3em" name="print"></q-icon> Print</q-btn>
         </center>
       </q-card-section>
     </q-card>
@@ -41,4 +38,4 @@ <h5 class="q-my-none">
     }
   })
 </script>
-{% endblock %}
+{% endblock %}