@@ -122,17 +122,25 @@
|
||||
}
|
||||
</button>
|
||||
|
||||
<!-- QR section: shown after QR is created -->
|
||||
@if (qrImageUrl()) {
|
||||
<div class="qr-section">
|
||||
<p class="qr-section__label">{{ 'create.qr_label' | translate }}</p>
|
||||
<img class="qr-section__img" [src]="qrImageUrl()!" width="240" height="240" alt="QR" />
|
||||
@if (qrPolling()) {
|
||||
<p class="qr-section__hint">{{ 'create.qr_waiting' | translate }}</p>
|
||||
}
|
||||
</div>
|
||||
<!-- QR popup overlay -->
|
||||
@if (qrImageUrl()) {
|
||||
<div class="qr-overlay" (click)="closeQr()">
|
||||
<div class="qr-modal" (click)="$event.stopPropagation()">
|
||||
<button class="qr-modal__close" type="button" (click)="closeQr()" aria-label="Close">
|
||||
<svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor"
|
||||
stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
|
||||
<path d="M18 6L6 18M6 6l12 12"/>
|
||||
</svg>
|
||||
</button>
|
||||
<p class="qr-modal__label">{{ 'create.qr_label' | translate }}</p>
|
||||
<img class="qr-modal__img" [src]="qrImageUrl()!" width="260" height="260" alt="QR" />
|
||||
@if (qrPolling()) {
|
||||
<p class="qr-modal__hint">{{ 'create.qr_waiting' | translate }}</p>
|
||||
}
|
||||
</div>
|
||||
</div>
|
||||
}
|
||||
</div>
|
||||
|
||||
<div class="card__footer">
|
||||
<span class="secure-badge">
|
||||
|
||||
Reference in New Issue
Block a user