From 72b794d5341a916c72d8b302b27ea2d5a3729b4b Mon Sep 17 00:00:00 2001
From: RcleydsonR <rafael.cleydson@gmail.com>
Date: Thu, 16 Feb 2023 22:43:00 -0300
Subject: [PATCH] Fix status card text font color and size

---
 src/components/ListingComponent/ListingComponent.vue | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

diff --git a/src/components/ListingComponent/ListingComponent.vue b/src/components/ListingComponent/ListingComponent.vue
index 4b35338..efe474f 100644
--- a/src/components/ListingComponent/ListingComponent.vue
+++ b/src/components/ListingComponent/ListingComponent.vue
@@ -190,19 +190,19 @@ showInitialItems();
         </div>
         <div>
           <div
-            class="bg-amber-300 rounded-lg text-center mb-2 p-1"
+            class="bg-amber-300 status-text"
             v-if="getEventName(item.event) == 'Reserva' && item.lockStatus == 1"
           >
             Ativo
           </div>
           <div
-            class="bg-[#94A3B8] rounded-lg text-center mb-2 p-1"
+            class="bg-[#94A3B8] status-text"
             v-if="getEventName(item.event) == 'Reserva' && item.lockStatus == 2"
           >
             Expirado
           </div>
           <div
-            class="bg-emerald-300 rounded-lg text-center mb-2 p-1"
+            class="bg-emerald-300 status-text"
             v-if="
               (getEventName(item.event) == 'Reserva' && item.lockStatus == 3) ||
               getEventName(item.event) != 'Reserva'
@@ -263,6 +263,9 @@ p {
   @apply flex justify-between items-center;
 }
 
+.status-text {
+  @apply text-base font-medium text-gray-900 rounded-lg text-center mb-2 p-1;
+}
 .text {
   @apply text-white text-center;
 }