fix: dark mode for course and batch tags
This commit is contained in:
@@ -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>
|
||||
|
||||
@@ -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"
|
||||
|
||||
@@ -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] }}
|
||||
|
||||
@@ -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"
|
||||
|
||||
@@ -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>
|
||||
|
||||
@@ -188,4 +188,4 @@ const assignmentOptions = computed(() => {
|
||||
{ label: 'URL', value: 'URL' },
|
||||
]
|
||||
})
|
||||
</script>
|
||||
</script>
|
||||
@@ -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">
|
||||
|
||||
@@ -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">
|
||||
|
||||
@@ -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">
|
||||
|
||||
2449
frontend/yarn.lock
2449
frontend/yarn.lock
File diff suppressed because it is too large
Load Diff
@@ -73,7 +73,7 @@
|
||||
],
|
||||
"index_web_pages_for_search": 1,
|
||||
"links": [],
|
||||
"modified": "2025-02-10 16:06:48.720780",
|
||||
"modified": "2025-02-11 10:39:57.259526",
|
||||
"modified_by": "Administrator",
|
||||
"module": "LMS",
|
||||
"name": "LMS Batch Enrollment",
|
||||
@@ -117,5 +117,6 @@
|
||||
],
|
||||
"sort_field": "creation",
|
||||
"sort_order": "DESC",
|
||||
"states": []
|
||||
"states": [],
|
||||
"title_field": "member_name"
|
||||
}
|
||||
@@ -1,5 +1,5 @@
|
||||
<div>
|
||||
<p>Hi {{ doc.member_name }},</p>
|
||||
<p>Hi {{ doc.billing_name }},</p>
|
||||
<p>We noticed that you started enrolling in the {{ doc.payment_for_document_type.split(" ")[-1] }} {{ frappe.db.get_value(doc.payment_for_document_type, doc.payment_for_document, "title") }} but didn’t complete your payment.</p>
|
||||
<p>We have a limited number of seats, and they won't be available for long!</p>
|
||||
<p>Don’t miss this opportunity to enhance your skills. Click below to complete your enrollment:</p>
|
||||
|
||||
@@ -12,10 +12,10 @@
|
||||
"event": "Days After",
|
||||
"idx": 0,
|
||||
"is_standard": 1,
|
||||
"message": "<div>\n <p>Hi {{ doc.member_name }},</p>\n <p>We noticed that you started enrolling in the {{ doc.payment_for_document_type.split(\" \")[-1] }} {{ frappe.db.get_value(doc.payment_for_document_type, doc.payment_for_document, \"title\") }} but didn\u2019t complete your payment.</p>\n <p>We have a limited number of seats, and they won't be available for long!</p>\n <p>Don\u2019t miss this opportunity to enhance your skills. Click below to complete your enrollment:</p>\n <p>\n <a href=\"/lms/billing/{{ doc.payment_for_document_type.split(' ')[-1].lower() }}/{{ doc.payment_for_document }}\">\ud83d\udc49 Complete Your Enrollment</a>\n </p>\n <p>If you have any questions or need assistance, feel free to reach out to our support team.</p>\n <p>Looking forward to seeing you enrolled!</p>\n</div>",
|
||||
"message": "<div>\n <p>Hi {{ doc.billing_name }},</p>\n <p>We noticed that you started enrolling in the {{ doc.payment_for_document_type.split(\" \")[-1] }} {{ frappe.db.get_value(doc.payment_for_document_type, doc.payment_for_document, \"title\") }} but didn\u2019t complete your payment.</p>\n <p>We have a limited number of seats, and they won't be available for long!</p>\n <p>Don\u2019t miss this opportunity to enhance your skills. Click below to complete your enrollment:</p>\n <p>\n <a href=\"/lms/billing/{{ doc.payment_for_document_type.split(' ')[-1].lower() }}/{{ doc.payment_for_document }}\">\ud83d\udc49 Complete Your Enrollment</a>\n </p>\n <p>If you have any questions or need assistance, feel free to reach out to our support team.</p>\n <p>Looking forward to seeing you enrolled!</p>\n</div>",
|
||||
"message_type": "HTML",
|
||||
"minutes_offset": 0,
|
||||
"modified": "2025-02-03 16:14:24.568958",
|
||||
"modified": "2025-02-11 10:36:05.671626",
|
||||
"modified_by": "sayali@frappe.io",
|
||||
"module": "LMS",
|
||||
"name": "Payment Completion Reminder",
|
||||
|
||||
@@ -2,7 +2,7 @@
|
||||
"name": "frappe_lms",
|
||||
"version": "1.0.0",
|
||||
"description": "Easy to use, open-source, Learning Management System",
|
||||
"workspaces1": [
|
||||
"workspaces": [
|
||||
"frappe-ui",
|
||||
"frontend"
|
||||
],
|
||||
|
||||
Reference in New Issue
Block a user