From 0ec5d1abc48978689c5aa9aa6923cd9b8212b7a4 Mon Sep 17 00:00:00 2001
From: Nayan <nayanunni95@gmail.com>
Date: Thu, 1 May 2025 20:19:09 +0530
Subject: [PATCH] fix: improve primary button loading behavior

---
 src/components/button/Primary.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/button/Primary.vue b/src/components/button/Primary.vue
index 7ca3b98..fa86a0c 100644
--- a/src/components/button/Primary.vue
+++ b/src/components/button/Primary.vue
@@ -2,7 +2,7 @@
   <HoppSmartLink
     :to="to"
     :blank="blank"
-    class="relative inline-flex items-center justify-center py-2 font-semibold whitespace-nowrap transition focus:outline-none focus-visible:bg-accentDark"
+    class="relative inline-flex items-center justify-center whitespace-nowrap py-2 font-semibold transition focus:outline-none focus-visible:bg-accentDark"
     :exact="exact"
     :class="[
       color
@@ -40,7 +40,7 @@
           label ? (reverse ? 'ml-2' : 'mr-2') : '',
         ]"
       />
-      <div class="max-w-[16rem] truncate">
+      <div class="max-w-[16rem] truncate" :class="[{ invisible: loading }]">
         {{ label }}
       </div>
       <div v-if="shortcut.length" class="<sm:hidden">