Fixed spinner in offers.

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"

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()"