chamomind/elearning
7
0
Fork 0
Code Issues 4 Pull requests Projects Releases Packages 3 Wiki Activity Actions

feat: create CourseCard component for displaying course details, progress, and actions

Browse source
This commit is contained in:
supalerk-ar66 2026-01-29 10:07:24 +07:00
parent 240cafb571
commit 85d7c5c913
1 changed files with 1 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

7
Frontend-Learner/components/course/CourseCard.vue
View file

@ -83,12 +83,7 @@ const displayDescription = computed(() => getLocalizedText(props.description))
{{ level }} {{ level }}
</span> </span>
</div> </div>
<div v-if="price"
class="absolute top-4 right-4 px-3 py-1 rounded-full text-xs font-black shadow-sm backdrop-blur-md transition-colors"
:class="(price === 'Free' || price === 'ฟรี') ? 'bg-emerald-500 text-white shadow-emerald-500/30' : 'glass text-white'"
>
{{ (price === 'Free' || price === 'ฟรี') ? $t('course.free') : price }}
</div>
</div> </div>
<!-- Content --> <!-- Content -->