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

fix: tags spacing on course cards

Browse Source
This commit is contained in:
Jannat Patel
2025-04-21 16:16:54 +05:30
committed by safe user
parent 1f23f06926
commit 6c50292a66
2 changed files with 10 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -9,16 +9,20 @@
:class="{ 'default-image': !course.image }" :class="{ 'default-image': !course.image }"
:style="{ backgroundImage: 'url(\'' + encodeURI(course.image) + '\')' }" :style="{ backgroundImage: 'url(\'' + encodeURI(course.image) + '\')' }"
> >
<div <div class="flex items-center flex-wrap relative top-4 px-2 w-fit">
class="flex items-center flex-wrap space-x-1 relative top-4 px-2 w-fit" <Badge
v-if="course.featured"
variant="subtle"
theme="green"
size="md"
class="mb-1 mr-1"
> >
<Badge v-if="course.featured" variant="subtle" theme="green" size="md">
{{ __('Featured') }} {{ __('Featured') }}
</Badge> </Badge>
<div <div
v-if="course.tags" v-if="course.tags"
v-for="tag in course.tags?.split(', ')" v-for="tag in course.tags?.split(', ')"
class="text-xs bg-white text-gray-800 px-2 py-0.5 rounded-md" class="text-xs bg-white text-gray-800 px-2 py-0.5 rounded-md mb-1 mr-1"
> >
{{ tag }} {{ tag }}
</div> </div>

2
frontend/src/pages/CourseDetail.vue
View File

@@ -56,7 +56,7 @@
<CourseInstructors :instructors="course.data.instructors" /> <CourseInstructors :instructors="course.data.instructors" />
</div> </div>
</div> </div>
<div v-if="course.data.tags" class="flex mt-4 w-fit"> <div v-if="course.data.tags" class="flex my-4 w-fit">
<Badge <Badge
theme="gray" theme="gray"
size="lg" size="lg"