fix: date field bg-color in dark mode (#28)
* Resolved Date field issue in Lesson. * Resolved minor issues. * Update +page.svelte --------- Co-authored-by: Rotimi Best <[email protected]>
This commit is contained in:
co-authored by
Rotimi Best
parent
1da50002f0
commit
075f10a866
@@ -42,6 +42,7 @@
|
|||||||
"pluralize": "^8.0.0",
|
"pluralize": "^8.0.0",
|
||||||
"posthog-js": "^1.87.2",
|
"posthog-js": "^1.87.2",
|
||||||
"sirv": "^2.0.3",
|
"sirv": "^2.0.3",
|
||||||
|
"supabase": "^1.112.0",
|
||||||
"svelte-email": "^0.0.4",
|
"svelte-email": "^0.0.4",
|
||||||
"unsplash-js": "^7.0.18",
|
"unsplash-js": "^7.0.18",
|
||||||
"wait-on": "^7.0.1",
|
"wait-on": "^7.0.1",
|
||||||
|
|||||||
@@ -30,6 +30,7 @@
|
|||||||
import TextChip from '$lib/components/Chip/Text.svelte';
|
import TextChip from '$lib/components/Chip/Text.svelte';
|
||||||
import Avatar from '$lib/components/Apps/components/Poll/components/Avatar.svelte';
|
import Avatar from '$lib/components/Apps/components/Poll/components/Avatar.svelte';
|
||||||
import AddLessonModal from '$lib/components/Course/components/Lesson/AddLessonModal.svelte';
|
import AddLessonModal from '$lib/components/Course/components/Lesson/AddLessonModal.svelte';
|
||||||
|
import DateField from '$lib/components/Form/Date.svelte';
|
||||||
|
|
||||||
export let data;
|
export let data;
|
||||||
|
|
||||||
@@ -186,12 +187,10 @@
|
|||||||
|
|
||||||
<div class="flex items-center lg:mb-0">
|
<div class="flex items-center lg:mb-0">
|
||||||
{#if lessonEditing === lesson.id}
|
{#if lessonEditing === lesson.id}
|
||||||
<input
|
<DateField
|
||||||
type="date"
|
|
||||||
name="lesson-date-picker"
|
|
||||||
class="p-2 my-2 rounded-md sm:w-[179px]"
|
|
||||||
value={formatDate(lesson.lesson_at)}
|
value={formatDate(lesson.lesson_at)}
|
||||||
on:input={(e) => (lesson.lesson_at = e.target.value)}
|
className="p-2 my-2 rounded-md sm:w-[179px] dark:bg-neutral-800 dark:text-white"
|
||||||
|
onChange={(e) => (lesson.lesson_at = e.target.value)}
|
||||||
/>
|
/>
|
||||||
{:else}
|
{:else}
|
||||||
<div class="flex mb-2">
|
<div class="flex mb-2">
|
||||||
|
|||||||
Reference in New Issue
Block a user