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>

2
frontend/src/components/BatchOverlay.vue
View File

@@ -1,5 +1,5 @@
<template>
<div v-if="batch.data" class="border rounded-md p-5 lg:w-72">
<div v-if="batch.data" class="border-2 rounded-md p-5 lg:w-72">
<Badge
v-if="batch.data.seat_count && seats_left > 0"
theme="green"

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

@@ -1,7 +1,7 @@
<template>
<div
v-if="course.title"
class="flex flex-col h-full rounded-md shadow-md border overflow-auto"
class="flex flex-col h-full rounded-md shadow-md border-2 overflow-auto"
style="min-height: 350px"
>
<div
@@ -15,14 +15,9 @@
<Badge v-if="course.featured" variant="subtle" theme="green" size="md">
{{ __('Featured') }}
</Badge>
<Badge
variant="solid"
theme="gray"
size="md"
v-for="tag in course.tags"
>
<div v-for="tag in course.tags" class="text-xs bg-white text-gray-800 px-2 py-0.5 rounded-md">
{{ tag }}
</Badge>
</div>
</div>
<div v-if="!course.image" class="image-placeholder">
{{ course.title[0] }}

2
frontend/src/components/CourseCardOverlay.vue
View File

@@ -1,5 +1,5 @@
<template>
<div class="border rounded-md min-w-80">
<div class="border-2 rounded-md min-w-80">
<iframe
v-if="course.data.video_link"
:src="video_link"

2
frontend/src/components/JobCard.vue
View File

@@ -3,7 +3,7 @@
<Avatar :image="job.company_logo" :label="job.job_title" size="2xl" />
<div class="flex flex-col space-y-2 flex-1">
<div class="flex items-center justify-between">
<span class="font-semibold">
<span class="font-semibold text-ink-gray-9">
{{ job.job_title }}
</span>
</div>

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

@@ -188,4 +188,4 @@ const assignmentOptions = computed(() => {
{ label: 'URL', value: 'URL' },
]
})
</script>
</script>

20
frontend/src/pages/JobDetail.vue
View File

@@ -59,7 +59,7 @@
class="w-16 h-16 rounded-lg object-contain mr-4"
:alt="job.data.company_name"
/>
<div class="text-2xl font-semibold mb-4">
<div class="text-2xl text-ink-gray-9 font-semibold mb-4">
{{ job.data.job_title }}
</div>
</div>
@@ -71,7 +71,7 @@
<span class="p-4 bg-surface-green-1 rounded-full">
<Building2 class="h-4 w-4 text-ink-green-2" />
</span>
<div class="flex flex-col space-y-2">
<div class="flex flex-col space-y-2 text-ink-gray-7">
<span class="text-xs text-ink-gray-5 font-medium uppercase">
{{ __('Organisation') }}
</span>
@@ -84,8 +84,8 @@
<span class="p-4 bg-surface-red-1 rounded-full">
<MapPin class="h-4 w-4 text-ink-red-3" />
</span>
<div class="flex flex-col space-y-2">
<span class="text-xs text-ink-gray-5 font-medium uppercase">
<div class="flex flex-col space-y-2 text-ink-gray-7">
<span class="text-xs font-medium uppercase">
{{ __('Location') }}
</span>
<span class="text-sm font-semibold">
@@ -97,8 +97,8 @@
<span class="p-4 bg-yellow-50 rounded-full">
<ClipboardType class="h-4 w-4 text-yellow-500" />
</span>
<div class="flex flex-col space-y-2">
<span class="text-xs font-medium text-ink-gray-5 uppercase">
<div class="flex flex-col space-y-2 text-ink-gray-7">
<span class="text-xs font-medium uppercase">
{{ __('Category') }}
</span>
<span class="text-sm font-semibold">
@@ -110,8 +110,8 @@
<span class="p-4 bg-surface-blue-1 rounded-full">
<CalendarDays class="h-4 w-4 text-ink-blue-2" />
</span>
<div class="flex flex-col space-y-2">
<span class="text-xs text-ink-gray-5 font-medium uppercase">
<div class="flex flex-col space-y-2 text-ink-gray-7">
<span class="text-xs font-medium uppercase">
{{ __('Posted on') }}
</span>
<span class="text-sm font-semibold">
@@ -126,8 +126,8 @@
<span class="p-4 bg-purple-50 rounded-full">
<SquareUserRound class="h-4 w-4 text-purple-500" />
</span>
<div class="flex flex-col space-y-2">
<span class="text-xs text-ink-gray-5 font-medium uppercase">
<div class="flex flex-col space-y-2 text-ink-gray-7">
<span class="text-xs font-medium uppercase">
{{ __('Applications Received') }}
</span>
<span class="text-sm font-semibold">

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

@@ -29,7 +29,7 @@
<div
class="flex flex-col lg:flex-row space-y-4 lg:space-y-0 lg:items-center justify-between mb-5"
>
<div class="text-xl font-semibold">
<div class="text-xl text-ink-gray-9 font-semibold">
{{ __('Find the perfect job for you') }}
</div>
<div class="grid grid-cols-2 gap-2">

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

@@ -14,7 +14,7 @@
>
<template #header="{ currentMonthYear, decrement, increment }">
<div class="mb-2 flex justify-between">
<span class="text-lg font-semibold">
<span class="text-lg text-ink-gray-9 font-semibold">
{{ currentMonthYear }}
</span>
<div class="flex gap-x-1">