Address mouseover QR code

2024-06-10 23:12:41 +00:00
parent 9514bb703b
commit 331b54fe89
3 changed files with 16 additions and 13 deletions
--- a/frontend/src/app/components/address/address.component.html
+++ b/frontend/src/app/components/address/address.component.html
@@ -4,6 +4,12 @@
    <div class="tx-link">
      <app-truncate [text]="addressString" [lastChars]="8" [link]="['/address/' | relativeUrl, addressString]">
        <app-clipboard [text]="addressString"></app-clipboard>
+        <span style="position: relative; cursor: pointer" (mouseover)="showQR = true" (mouseout)="showQR = false" (click)="showQR = !showQR">
+          <fa-icon [icon]="['fas', 'qrcode']" [fixedWidth]="true"></fa-icon>
+          <div class="qr-wrapper" [hidden]="!showQR">
+            <app-qrcode [size]="200" [data]="addressString"></app-qrcode>
+          </div>
+        </span>
      </app-truncate>
    </div>
  </div>