From ed5d3b572607e6404d41525eb305f9fd0e83d2d4 Mon Sep 17 00:00:00 2001
From: Filipe Soccol <filipe.soccol@gmail.com>
Date: Fri, 27 Jun 2025 16:47:06 -0300
Subject: [PATCH] Fixed spinner in offers.

---
 src/components/ListingComponent/ListingComponent.vue | 7 +++++--
 src/components/SpinnerComponent.vue                  | 1 +
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/components/ListingComponent/ListingComponent.vue b/src/components/ListingComponent/ListingComponent.vue
index 3481432..77a187e 100644
--- a/src/components/ListingComponent/ListingComponent.vue
+++ b/src/components/ListingComponent/ListingComponent.vue
@@ -159,10 +159,13 @@ showInitialItems();
 </script>
 
 <template>
-  <div class="main-container max-w-md" v-if="loadingWalletTransactions">
+  <div
+    class="main-container max-w-md flex justify-center items-center min-h-[200px]"
+    v-if="loadingWalletTransactions"
+  >
     <SpinnerComponent width="8" height="8"></SpinnerComponent>
   </div>
-  <div class="main-container max-w-md" v-if="!loadingWalletTransactions">
+  <div class="main-container max-w-md" v-else>
     <div
       class="w-full bg-white p-4 sm:p-6 rounded-lg"
       v-if="props.validDeposits.length > 0"
diff --git a/src/components/SpinnerComponent.vue b/src/components/SpinnerComponent.vue
index df9e072..81f7a33 100644
--- a/src/components/SpinnerComponent.vue
+++ b/src/components/SpinnerComponent.vue
@@ -20,6 +20,7 @@ const getCustomClass = () => {
 
 <template>
   <div v-if="props.show ? props.show : true">
+    Aguarde...
     <svg
       aria-hidden="true"
       :class="getCustomClass()"