feat: enhance TextEditor and Input components with improved styling and error handling

This commit is contained in:
Ardeman
2025-03-06 03:53:15 +08:00
parent 9117a99cc3
commit 894698c5d6
6 changed files with 97 additions and 23 deletions
+6 -1
View File
@@ -102,6 +102,7 @@ export const CreateContentsPage = () => {
placeholder="Masukkan Judul"
name="title"
className="border-0 bg-white shadow focus:ring-1 focus:ring-[#2E2F7C] focus:outline-none"
labelClassName="text-sm font-medium text-[#363636]"
containerClassName="flex-1"
/>
<Input
@@ -110,6 +111,7 @@ export const CreateContentsPage = () => {
placeholder="Masukkan Gambar Unggulan"
name="featured_image"
className="border-0 bg-white shadow focus:ring-1 focus:ring-[#2E2F7C] focus:outline-none"
labelClassName="text-sm font-medium text-[#363636]"
containerClassName="flex-1"
/>
</div>
@@ -151,6 +153,7 @@ export const CreateContentsPage = () => {
name="live_at"
type="date"
className="border-0 bg-white shadow focus:ring-1 focus:ring-[#2E2F7C] focus:outline-none"
labelClassName="text-sm font-medium text-[#363636]"
/>
<Button
disabled={disabled}
@@ -167,7 +170,9 @@ export const CreateContentsPage = () => {
name="content"
label="Konten"
placeholder="Masukkan Konten"
className="border-0 bg-white shadow focus:ring-1 focus:ring-[#2E2F7C] focus:outline-none"
className="shadow"
inputClassName="bg-white focus:ring-1 focus:ring-[#2E2F7C] focus:outline-none border-0"
labelClassName="text-sm font-medium text-[#363636]"
category="content"
/>
</fetcher.Form>