eduvia/lms
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: dark mode for course and batch tags

Browse Source
This commit is contained in:
Jannat Patel
2025-02-11 10:52:37 +05:30
parent 7741696011
commit 2342dfe452
15 changed files with 3902 additions and 2513 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
frontend/src/components/BatchCard.vue
View File

@@ -1,27 +1,23 @@
<template>
<div
class="flex flex-col border hover:bg-surface-gray-2 rounded-md p-4 h-full"
class="flex flex-col border-2 hover:bg-surface-gray-2 rounded-md p-4 h-full"
style="min-height: 150px"
>
<div class="text-lg leading-5 font-semibold mb-2 text-ink-gray-9">
{{ batch.title }}
</div>
<Badge
v-if="batch.seat_count && batch.seats_left > 0"
theme="green"
class="self-start mb-2"
>
<div v-if="batch.seat_count && batch.seats_left > 0" class="text-xs bg-green-200 text-green-800 self-start px-2 py-0.5 rounded-md">
{{ batch.seats_left }}
<span v-if="batch.seats_left > 1">{{ __('Seats Left') }}</span
><span v-else-if="batch.seats_left == 1">{{ __('Seat Left') }}</span>
</Badge>
<Badge
v-else-if="batch.seat_count && batch.seats_left <= 0"
theme="red"
class="self-start mb-2"
>
<span v-if="batch.seats_left > 1">
{{ __('Seats Left') }}
</span>
<span v-else-if="batch.seats_left == 1">
{{ __('Seat Left') }}
</span>
</div>
<div v-else-if="batch.seat_count && batch.seats_left <= 0" class="text-xs bg-red-200 text-red-900 self-start px-2 py-0.5 rounded-md">
{{ __('Sold Out') }}
</Badge>
</div>
<div class="short-introduction text-sm text-ink-gray-7">
{{ batch.description }}
</div>