From b34fbdca7a910015495c01f2b96c0ff694623042 Mon Sep 17 00:00:00 2001
From: Tiago Vasconcelos <talvasconcelos@gmail.com>
Date: Tue, 23 May 2023 10:54:53 +0100
Subject: [PATCH] make QR responsive on ticket page

---
 templates/events/ticket.html | 13 +++++--------
 1 file changed, 5 insertions(+), 8 deletions(-)

diff --git a/templates/events/ticket.html b/templates/events/ticket.html
index 21b7cfa..d7bc2aa 100644
--- a/templates/events/ticket.html
+++ b/templates/events/ticket.html
@@ -11,15 +11,12 @@
             and present it for registration!
           </h5>
           <br />
-
-          <qrcode
-            :value="'ticket://{{ ticket_id }}'"
-            :options="{width: 500}"
-          ></qrcode>
+          <q-responsive :ratio="1" class="q-mb-md">
+            <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 @@
     }
   })
 </script>
-{% endblock %}
+{% endblock %}
\ No newline at end of file