Co-authored-by: Copilot <copilot@github.com>
This commit is contained in:
2026-05-05 11:31:51 +04:00
parent 679e404dc8
commit b4ad6da49e
3 changed files with 76 additions and 12 deletions

View File

@@ -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">