MIDNIGHT/enlight-lms
2
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

refactor: bring course title down from the gradient in course cards

Browse Source
This commit is contained in:
Jannat Patel
2025-08-07 17:23:14 +05:30
parent 3762cb06bb
commit ccf28b8012
1 changed files with 3 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
frontend/src/components/CourseCard.vue
View File

@@ -33,13 +33,13 @@
{{ tag }} {{ tag }}
</div> </div>
</div> </div>
<div <!-- <div
v-if="!course.image" v-if="!course.image"
class="flex items-center justify-center text-white flex-1 font-extrabold text-2xl my-auto px-5 text-center leading-6" class="flex items-center justify-center text-white flex-1 font-extrabold text-2xl my-auto px-5 text-center leading-6"
:class="course.tags ? 'h-[80%]' : 'h-full'" :class="course.tags ? 'h-[80%]' : 'h-full'"
> >
{{ course.title }} {{ course.title }}
</div> </div> -->
</div> </div>
<div class="flex flex-col flex-auto p-4"> <div class="flex flex-col flex-auto p-4">
<div class="flex items-center justify-between mb-2"> <div class="flex items-center justify-between mb-2">
@@ -69,19 +69,9 @@
</span> </span>
</Tooltip> </Tooltip>
</div> </div>
<!-- <div v-if="course.status != 'Approved'">
<Badge
variant="subtle"
:theme="course.status === 'Under Review' ? 'orange' : 'blue'"
size="sm"
>
{{ course.status }}
</Badge>
</div> -->
</div> </div>
<div v-if="course.image" class="text-xl font-semibold leading-6"> <div class="font-semibold leading-6" :class="course.title.length > 32 ? 'text-lg' : 'text-xl'">
{{ course.title }} {{ course.title }}
</div> </div>