fix: dark mode for upcoming evaluations
This commit is contained in:
@@ -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) }} -
|
||||||
|
|||||||
@@ -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>
|
||||||
|
|||||||
Reference in New Issue
Block a user