From d9fe7df6cbb63f0cff6294ee145978a424ae59a3 Mon Sep 17 00:00:00 2001
From: Knut Ahlers <knut@ahlers.me>
Date: Fri, 15 Dec 2023 22:36:47 +0100
Subject: [PATCH] [#160] Make success indicator more clear

Signed-off-by: Knut Ahlers <knut@ahlers.me>
---
 src/components/clipboard-button.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/clipboard-button.vue b/src/components/clipboard-button.vue
index f0eb625..41b6f27 100644
--- a/src/components/clipboard-button.vue
+++ b/src/components/clipboard-button.vue
@@ -5,7 +5,7 @@
     :disabled="!content"
     @click="copy"
   >
-    <i class="fas fa-clipboard" />
+    <i :class="{'fas fa-fw fa-clipboard': !copyToClipboardSuccess, 'fas fa-fw fa-circle-check': copyToClipboardSuccess}" />
   </button>
 </template>
 <script>
@@ -29,7 +29,7 @@ export default {
           this.copyToClipboardSuccess = true
           window.setTimeout(() => {
             this.copyToClipboardSuccess = false
-          }, 500)
+          }, 1500)
         })
     },
   },