feat: dark mode
This commit is contained in:
@@ -1,19 +1,19 @@
|
||||
<template>
|
||||
<div class="mt-7 mb-10">
|
||||
<h2 class="mb-3 text-lg font-semibold text-gray-900">
|
||||
<h2 class="mb-3 text-lg font-semibold text-ink-gray-9">
|
||||
{{ __('Certificates') }}
|
||||
</h2>
|
||||
<div class="grid grod-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4">
|
||||
<div
|
||||
v-for="certificate in certificates.data"
|
||||
:key="certificate.name"
|
||||
class="flex flex-col bg-white shadow rounded-lg p-3 cursor-pointer hover:bg-gray-50"
|
||||
class="flex flex-col bg-surface-white border rounded-lg p-3 cursor-pointer hover:bg-surface-menu-bar"
|
||||
@click="openCertificate(certificate)"
|
||||
>
|
||||
<div class="font-medium leading-5 mb-2">
|
||||
<div class="font-medium leading-5 mb-2 text-ink-gray-9">
|
||||
{{ certificate.course_title || certificate.batch_title }}
|
||||
</div>
|
||||
<div class="text-sm text-gray-700 font-medium mt-auto">
|
||||
<div class="text-sm text-ink-gray-7 font-medium mt-auto">
|
||||
<span> {{ __('Issued on') }}: </span>
|
||||
{{ dayjs(certificate.issue_date).format('DD MMM YYYY') }}
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user