feat: dark mode

This commit is contained in:
Jannat Patel
2025-02-10 10:51:21 +05:30
parent 16b9356944
commit dbf443300b
143 changed files with 886 additions and 675 deletions

View File

@@ -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>