fix(2fa): render the setup QR as <img> (getQRCodeInline returns a data URI)

getQRCodeInline() returns a base64 data URI (data:image/svg+xml;base64,…), not raw
SVG — so {!! !!} dumped it as text. Render it via <img src> with a light quiet-zone.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
feat/v1-foundation
boban 2026-06-12 14:06:56 +02:00
parent b3e5d3a024
commit 696dbc9d04
1 changed files with 4 additions and 2 deletions

View File

@ -2,8 +2,10 @@
<h1 class="font-display text-lg font-semibold text-ink">Zwei-Faktor einrichten</h1> <h1 class="font-display text-lg font-semibold text-ink">Zwei-Faktor einrichten</h1>
<p class="mt-1 text-sm text-ink-3">Scanne den Code mit einer Authenticator-App (Aegis, Google Authenticator, ) und bestätige mit einem Code.</p> <p class="mt-1 text-sm text-ink-3">Scanne den Code mit einer Authenticator-App (Aegis, Google Authenticator, ) und bestätige mit einem Code.</p>
<div class="mt-5 flex justify-center rounded-md border border-line bg-ink p-3"> <div class="mt-5 flex justify-center">
{!! $this->qrCode() !!} <div class="rounded-md bg-ink p-2">
<img src="{{ $this->qrCode() }}" alt="2FA-QR-Code" class="h-44 w-44" />
</div>
</div> </div>
<div class="mt-3 text-center"> <div class="mt-3 text-center">