hueso/P2Pix-Front-End
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix status card text font color and size

Browse Source
This commit is contained in:
RcleydsonR 2023-02-16 22:43:00 -03:00
parent 1451ff4ee3
commit 72b794d534
1 changed files with 6 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
src/components/ListingComponent/ListingComponent.vue
View File

@ -190,19 +190,19 @@ showInitialItems();
</div> </div>
<div> <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" v-if="getEventName(item.event) == 'Reserva' && item.lockStatus == 1"
> >
Ativo Ativo
</div> </div>
<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" v-if="getEventName(item.event) == 'Reserva' && item.lockStatus == 2"
> >
Expirado Expirado
</div> </div>
<div <div
class="bg-emerald-300 rounded-lg text-center mb-2 p-1" class="bg-emerald-300 status-text"
v-if=" v-if="
(getEventName(item.event) == 'Reserva' && item.lockStatus == 3) || (getEventName(item.event) == 'Reserva' && item.lockStatus == 3) ||
getEventName(item.event) != 'Reserva' getEventName(item.event) != 'Reserva'
@ -263,6 +263,9 @@ p {
@apply flex justify-between items-center; @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 { .text {
@apply text-white text-center; @apply text-white text-center;
} }