From 681385e2a27ca82a12c65a5d14dd21c6c7a4dd6d Mon Sep 17 00:00:00 2001
From: Tiago Vasconcelos <talvasconcelos@gmail.com>
Date: Wed, 2 Apr 2025 15:03:40 +0100
Subject: [PATCH] fix dialog consistency (#3082)

---
 lnbits/templates/components.vue | 21 ++++++++++++++++++++-
 1 file changed, 20 insertions(+), 1 deletion(-)

diff --git a/lnbits/templates/components.vue b/lnbits/templates/components.vue
index 83d226af7..858faefa2 100644
--- a/lnbits/templates/components.vue
+++ b/lnbits/templates/components.vue
@@ -320,7 +320,26 @@
     <q-item v-if="payment.preimage">
       <q-item-section>
         <q-item-label v-text="$t('payment_proof')"></q-item-label>
-        <q-item-label caption v-text="payment.preimage"></q-item-label>
+        <q-item-label
+          caption
+          v-text="
+            `${payment.preimage.slice(0, 12)}...${payment.preimage.slice(-12)}`
+          "
+        ></q-item-label>
+      </q-item-section>
+      <q-item-section side>
+        <q-item-label>
+          <q-icon
+            name="content_copy"
+            @click="copyText(payment.preimage)"
+            size="1em"
+            color="grey"
+            class="cursor-pointer"
+          />
+        </q-item-label>
+        <q-tooltip>
+          <span v-text="payment.preimage"></span>
+        </q-tooltip>
       </q-item-section>
     </q-item>