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

fix: dark theme styling for programs

Browse Source
This commit is contained in:
Rehan Ansari
2025-12-23 22:35:03 +05:30
parent a3f580a9fb
commit e02c99bd16
2 changed files with 6 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
frontend/src/pages/Programs/ProgramEnrollment.vue
View File

@@ -11,7 +11,7 @@
</div>
</template>
<template #body-content>
<div v-if="program.data" class="text-base">
<div v-if="program.data" class="text-base text-ink-gray-9">
<div class="bg-surface-blue-2 text-ink-blue-3 p-2 rounded-md leading-5">
<span>
{{
@@ -46,9 +46,9 @@
<div class="grid grid-cols-1 md:grid-cols-2 gap-4 mt-2">
<div
v-for="course in program.data.courses"
class="flex flex-col border p-2 rounded-md h-full"
class="flex flex-col border border-outline-gray-2 p-2 rounded-md h-full"
>
<div class="font-semibold leading-5 mb-2">
<div class="font-semibold text-ink-gray-9 leading-5 mb-2">
{{ course.title }}
</div>
@@ -85,7 +85,7 @@
<div class="flex items-center space-x-1 mt-auto">
<UserAvatar :user="course.instructors[0]" />
<span>
<span class="text-ink-gray-9">
{{ course.instructors[0].full_name }}
</span>
</div>

4
frontend/src/pages/Programs/StudentPrograms.vue
View File

@@ -17,7 +17,7 @@
@click="openDetails(program.name, category)"
class="border rounded-md p-3 hover:border-outline-gray-3 cursor-pointer"
>
<div class="text-lg font-semibold mb-2">
<div class="text-lg font-semibold text-ink-gray-9 mb-2">
{{ program.name }}
</div>
@@ -40,7 +40,7 @@
<div v-if="Object.keys(program).includes('progress')" class="mt-5">
<ProgressBar :progress="program.progress" />
<div class="text-sm mt-1">
<div class="text-sm text-ink-gray-7 mt-1">
{{ Math.ceil(program.progress) }}% {{ __('completed') }}
</div>
</div>