added dark mode classes for custom input fields

This commit is contained in:
Peer Richelsen 2021-07-26 22:08:53 +02:00
parent f4553aade1
commit d3569978f5

View file

@ -264,7 +264,7 @@ export default function Book(props: any): JSX.Element {
{input.type !== EventTypeCustomInputType.Bool && ( {input.type !== EventTypeCustomInputType.Bool && (
<label <label
htmlFor={input.label} htmlFor={input.label}
className="block text-sm font-medium text-gray-700 mb-1"> className="block text-sm font-medium text-gray-700 dark:text-white mb-1">
{input.label} {input.label}
</label> </label>
)} )}
@ -284,7 +284,7 @@ export default function Book(props: any): JSX.Element {
name={"custom_" + input.id} name={"custom_" + input.id}
id={"custom_" + input.id} id={"custom_" + input.id}
required={input.required} required={input.required}
className="shadow-sm dark:bg-gray-700 dark:border-gray-900 focus:ring-blue-500 focus:border-blue-500 block w-full sm:text-sm border-gray-300 rounded-md" className="shadow-sm dark:bg-gray-700 dark:text-white dark:border-gray-900 focus:ring-blue-500 focus:border-blue-500 block w-full sm:text-sm border-gray-300 rounded-md"
placeholder="" placeholder=""
/> />
)} )}
@ -294,7 +294,7 @@ export default function Book(props: any): JSX.Element {
name={"custom_" + input.id} name={"custom_" + input.id}
id={"custom_" + input.id} id={"custom_" + input.id}
required={input.required} required={input.required}
className="shadow-sm dark:bg-gray-700 dark:border-gray-900 focus:ring-blue-500 focus:border-blue-500 block w-full sm:text-sm border-gray-300 rounded-md" className="shadow-sm dark:bg-gray-700 dark:text-white dark:border-gray-900 focus:ring-blue-500 focus:border-blue-500 block w-full sm:text-sm border-gray-300 rounded-md"
placeholder="" placeholder=""
/> />
)} )}