canti primo tag

src/app/components/qr-scanner/qr-scanner.component.html

@@ -0,0 +1,21 @@
+<ion-header class="ion-no-border">
+  <ion-toolbar class="bg-gradient">
+    <ion-title class="outfit-font">Scansiona QR</ion-title>
+    <ion-buttons slot="end">
+      <ion-button (click)="cancel()" color="secondary" class="outfit-font">Chiudi</ion-button>
+    </ion-buttons>
+  </ion-toolbar>
+</ion-header>
+
+<ion-content class="ion-no-padding">
+  <div class="scanner-container">
+    <zxing-scanner
+      [formats]="allowedFormats"
+      (scanSuccess)="onCodeResult($event)">
+    </zxing-scanner>
+    <div class="scan-overlay">
+      <div class="scan-frame"></div>
+      <p class="scan-text">Inquadra il QR Code della tua parrocchia</p>
+    </div>
+  </div>
+</ion-content>