From 91ca573220bab77f4456512608e40106a487a049 Mon Sep 17 00:00:00 2001 From: Chirag Chhatrala Date: Thu, 21 Nov 2024 12:08:03 +0530 Subject: [PATCH] fix disabled input dark mode --- client/components/forms/CodeInput.client.vue | 2 +- client/components/forms/DateInput.vue | 2 +- client/components/forms/FlatSelectInput.vue | 4 ++-- client/components/forms/MentionInput.vue | 2 +- client/components/forms/PhoneInput.vue | 2 +- client/components/forms/RichTextAreaInput.client.vue | 2 +- client/components/forms/SignatureInput.vue | 4 ++-- client/components/forms/TextAreaInput.vue | 2 +- client/components/forms/TextInput.vue | 2 +- client/components/forms/components/VSelect.vue | 2 +- 10 files changed, 12 insertions(+), 12 deletions(-) diff --git a/client/components/forms/CodeInput.client.vue b/client/components/forms/CodeInput.client.vue index 3ef0c7cdd..7239f4de0 100644 --- a/client/components/forms/CodeInput.client.vue +++ b/client/components/forms/CodeInput.client.vue @@ -14,7 +14,7 @@ theme.CodeInput.borderRadius, { '!ring-red-500 !ring-2 !border-transparent': hasError, - '!cursor-not-allowed !bg-gray-200': disabled, + '!cursor-not-allowed !bg-gray-200 dark:!bg-gray-800': disabled, }, ]" > diff --git a/client/components/forms/DateInput.vue b/client/components/forms/DateInput.vue index 370555995..2f0c41478 100644 --- a/client/components/forms/DateInput.vue +++ b/client/components/forms/DateInput.vue @@ -152,7 +152,7 @@ const updateModelValue = () => { const inputClasses = computed(() => { const classes = [props.theme.DateInput.input, props.theme.DateInput.borderRadius] if (props.disabled) { - classes.push('!cursor-not-allowed dark:!bg-gray-600 !bg-gray-200') + classes.push('!cursor-not-allowed !bg-gray-200 dark:!bg-gray-800') } if (input.hasError.value) { diff --git a/client/components/forms/FlatSelectInput.vue b/client/components/forms/FlatSelectInput.vue index 7baabf5fd..5f31962f0 100644 --- a/client/components/forms/FlatSelectInput.vue +++ b/client/components/forms/FlatSelectInput.vue @@ -17,7 +17,7 @@ theme.default.borderRadius, { '!ring-red-500 !ring-2 !border-transparent': hasError, - '!cursor-not-allowed !bg-gray-200': disabled, + '!cursor-not-allowed !bg-gray-200 dark:!bg-gray-800': disabled, }, ]" > @@ -34,7 +34,7 @@ theme.FlatSelectInput.fontSize, theme.FlatSelectInput.option, { - '!cursor-not-allowed !bg-gray-200': disableOptions.includes(option[optionKey]), + '!cursor-not-allowed !bg-gray-200 dark:!bg-gray-800': disableOptions.includes(option[optionKey]), }, ]" @click="onSelect(option[optionKey])" diff --git a/client/components/forms/MentionInput.vue b/client/components/forms/MentionInput.vue index 85a56e3f5..57cc1607d 100644 --- a/client/components/forms/MentionInput.vue +++ b/client/components/forms/MentionInput.vue @@ -23,7 +23,7 @@ theme.default.fontSize, { '!ring-red-500 !ring-2 !border-transparent': hasError, - '!cursor-not-allowed dark:!bg-gray-600 !bg-gray-200': disabled, + '!cursor-not-allowed !bg-gray-200 dark:!bg-gray-800': disabled, }, 'pr-12' ]" diff --git a/client/components/forms/PhoneInput.vue b/client/components/forms/PhoneInput.vue index 92187a14d..4aa739f0e 100644 --- a/client/components/forms/PhoneInput.vue +++ b/client/components/forms/PhoneInput.vue @@ -65,7 +65,7 @@ theme.PhoneInput.borderRadius, { '!ring-red-500 !ring-2': hasError, - '!cursor-not-allowed !bg-gray-200': disabled, + '!cursor-not-allowed !bg-gray-200 dark:!bg-gray-800': disabled, }, ]" :placeholder="placeholder" diff --git a/client/components/forms/RichTextAreaInput.client.vue b/client/components/forms/RichTextAreaInput.client.vue index 462ac10d8..c7098659a 100644 --- a/client/components/forms/RichTextAreaInput.client.vue +++ b/client/components/forms/RichTextAreaInput.client.vue @@ -9,7 +9,7 @@ :class="[ { '!ring-red-500 !ring-2 !border-transparent': hasError, - '!cursor-not-allowed !bg-gray-200': disabled, + '!cursor-not-allowed !bg-gray-200 dark:!bg-gray-800': disabled, }, theme.RichTextAreaInput.input, theme.RichTextAreaInput.borderRadius, diff --git a/client/components/forms/SignatureInput.vue b/client/components/forms/SignatureInput.vue index 22b3911c4..b12baec84 100644 --- a/client/components/forms/SignatureInput.vue +++ b/client/components/forms/SignatureInput.vue @@ -14,7 +14,7 @@ theme.SignatureInput.borderRadius, { '!ring-red-500 !ring-2 !border-transparent': hasError, - '!cursor-not-allowed !bg-gray-200': disabled, + '!cursor-not-allowed !bg-gray-200 dark:!bg-gray-800': disabled, }, ]" class="flex flex-wrap items-center justify-center gap-4" @@ -50,7 +50,7 @@ theme.SignatureInput.borderRadius, { '!ring-red-500 !ring-2 !border-transparent': hasError, - '!cursor-not-allowed !bg-gray-200': disabled, + '!cursor-not-allowed !bg-gray-200 dark:!bg-gray-800': disabled, }, ]" height="150px" diff --git a/client/components/forms/TextAreaInput.vue b/client/components/forms/TextAreaInput.vue index 11bc8048e..87dda1ffa 100644 --- a/client/components/forms/TextAreaInput.vue +++ b/client/components/forms/TextAreaInput.vue @@ -16,7 +16,7 @@ theme.default.fontSize, { '!ring-red-500 !ring-2 !border-transparent': hasError, - '!cursor-not-allowed !bg-gray-200': disabled, + '!cursor-not-allowed !bg-gray-200 dark:!bg-gray-800': disabled, }, ]" class="resize-y block" diff --git a/client/components/forms/TextInput.vue b/client/components/forms/TextInput.vue index 19fb339dd..159a1a0df 100644 --- a/client/components/forms/TextInput.vue +++ b/client/components/forms/TextInput.vue @@ -20,7 +20,7 @@ theme.default.fontSize, { '!ring-red-500 !ring-2 !border-transparent': hasError, - '!cursor-not-allowed !bg-gray-200': disabled, + '!cursor-not-allowed !bg-gray-200 dark:!bg-gray-800': disabled, }, ]" :name="name" diff --git a/client/components/forms/components/VSelect.vue b/client/components/forms/components/VSelect.vue index 2cf0256da..7e1e0c6c5 100644 --- a/client/components/forms/components/VSelect.vue +++ b/client/components/forms/components/VSelect.vue @@ -12,7 +12,7 @@ theme.SelectInput.borderRadius, { '!ring-red-500 !ring-2 !border-transparent': hasError, - '!cursor-not-allowed dark:!bg-gray-600 !bg-gray-200': disabled, + '!cursor-not-allowed !bg-gray-200 dark:!bg-gray-800': disabled, 'focus-within:ring-2 focus-within:ring-opacity-100 focus-within:border-transparent': !hasError }, inputClass