add chain logo overlay to center of QR code

This commit is contained in:
2026-05-18 03:07:37 +08:00
parent 77a34c35e5
commit 574dcc1abd
@@ -135,10 +135,16 @@
<div class="flex items-start gap-3"> <div class="flex items-start gap-3">
<p class="font-mono text-xs break-all flex-1">{w.address}</p> <p class="font-mono text-xs break-all flex-1">{w.address}</p>
{#if qrDataUrl} {#if qrDataUrl}
<div class="relative size-20 shrink-0">
<img <img
src={qrDataUrl} src={qrDataUrl}
alt="QR code" alt="QR code"
class="size-20 rounded-md border" /> class="size-20 rounded-md border" />
<img
src={nativeIcon(w.network)}
alt=""
class="absolute left-1/2 top-1/2 size-5 -translate-x-1/2 -translate-y-1/2 rounded-full bg-white p-0.5" />
</div>
{/if} {/if}
</div> </div>
<p class="mt-2 font-medium text-xs"> <p class="mt-2 font-medium text-xs">