fix: dark mode for upcoming evaluations

This commit is contained in:
Jannat Patel
2025-05-08 15:29:04 +05:30
parent 080be7a885
commit 159b651871
2 changed files with 12 additions and 12 deletions

View File

@@ -42,10 +42,11 @@
<div class="grid grid-cols-2 gap-2"> <div class="grid grid-cols-2 gap-2">
<div v-for="slot in slots.data"> <div v-for="slot in slots.data">
<div <div
class="text-base text-center border rounded-md bg-surface-gray-3 p-2 cursor-pointer" class="text-base text-center border rounded-md text-ink-gray-8 bg-surface-gray-3 p-2 cursor-pointer"
@click="saveSlot(slot)" @click="saveSlot(slot)"
:class="{ :class="{
'border-gray-900': evaluation.start_time == slot.start_time, 'border-outline-gray-4':
evaluation.start_time == slot.start_time,
}" }"
> >
{{ formatTime(slot.start_time) }} - {{ formatTime(slot.start_time) }} -

View File

@@ -1,7 +1,7 @@
<template> <template>
<div> <div>
<div class="flex items-center justify-between mb-4"> <div class="flex items-center justify-between mb-4">
<div class="text-lg font-semibold"> <div class="text-lg text-ink-gray-9 font-semibold">
{{ __('Upcoming Evaluations') }} {{ __('Upcoming Evaluations') }}
</div> </div>
<Button <Button
@@ -17,9 +17,9 @@
<div v-if="upcoming_evals.data?.length"> <div v-if="upcoming_evals.data?.length">
<div class="grid grid-cols-3 gap-4"> <div class="grid grid-cols-3 gap-4">
<div v-for="evl in upcoming_evals.data"> <div v-for="evl in upcoming_evals.data">
<div class="border rounded-md p-3"> <div class="border text-ink-gray-7 rounded-md p-3">
<div class="flex justify-between mb-3"> <div class="flex justify-between mb-3">
<span class="font-semibold leading-5"> <span class="font-semibold text-ink-gray-9 leading-5">
{{ evl.course_title }} {{ evl.course_title }}
</span> </span>
<Menu <Menu
@@ -42,7 +42,7 @@
leave-to-class="transform scale-95 opacity-0" leave-to-class="transform scale-95 opacity-0"
> >
<MenuItems <MenuItems
class="absolute mt-2 w-32 rounded-md bg-white shadow-lg p-1.5" class="absolute mt-2 w-32 rounded-md bg-surface-white border p-1.5"
> >
<MenuItem v-slot="{ active }"> <MenuItem v-slot="{ active }">
<Button <Button
@@ -82,12 +82,11 @@
{{ evl.evaluator_name }} {{ evl.evaluator_name }}
</span> </span>
</div> </div>
<div class="flex items-center justify-between space-x-2 mt-4"> <div
<Button v-if="evl.google_meet_link"
v-if="evl.google_meet_link" class="flex items-center justify-between space-x-2 mt-4"
@click="openEvalCall(evl)" >
class="w-full" <Button @click="openEvalCall(evl)" class="w-full">
>
<template #prefix> <template #prefix>
<HeadsetIcon class="w-4 h-4 stroke-1.5" /> <HeadsetIcon class="w-4 h-4 stroke-1.5" />
</template> </template>