fix: badge color on batch overlay

This commit is contained in:
Jannat Patel
2025-02-11 18:30:13 +05:30
parent 74cd0a4d40
commit 69c1093c93
2 changed files with 12 additions and 3 deletions

View File

@@ -1,6 +1,9 @@
<template>
<div v-if="batch.data" class="border-2 rounded-md p-5 lg:w-72">
<div v-if="batch.data.seat_count && seats_left > 0" class="text-xs bg-green-200 text-green-800 float-right px-2 py-0.5 rounded-md">
<div
v-if="batch.data.seat_count && seats_left > 0"
class="text-xs bg-green-200 text-green-800 float-right px-2 py-0.5 rounded-md"
>
{{ seats_left }}
<span v-if="seats_left > 1">
{{ __('Seats Left') }}
@@ -9,7 +12,10 @@
{{ __('Seat Left') }}
</span>
</div>
<div v-else-if="batch.data.seat_count && seats_left <= 0" class="text-xs bg-red-200 text-red-900 float-right px-2 py-0.5 rounded-md">
<div
v-else-if="batch.data.seat_count && seats_left <= 0"
class="text-xs bg-red-200 text-red-900 float-right px-2 py-0.5 rounded-md"
>
{{ __('Sold Out') }}
</div>
<div

View File

@@ -79,7 +79,10 @@
:progress="course.membership.progress"
/>
<div v-if="user && course.membership" class="text-sm text-ink-gray-7 mt-2 mb-4">
<div
v-if="user && course.membership"
class="text-sm text-ink-gray-7 mt-2 mb-4"
>
{{ Math.ceil(course.membership.progress) }}% completed
</div>