From 9aeb5b8db60de8f46202a67c0f1b2aecf01fd28e Mon Sep 17 00:00:00 2001 From: Shivam Mishra Date: Wed, 27 Dec 2023 16:51:07 +0530 Subject: [PATCH] fix: input focus states --- app/javascript/dashboard/components/form/Input.vue | 2 +- app/javascript/dashboard/components/form/TextArea.vue | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/app/javascript/dashboard/components/form/Input.vue b/app/javascript/dashboard/components/form/Input.vue index 1ba829262..04b99fef8 100644 --- a/app/javascript/dashboard/components/form/Input.vue +++ b/app/javascript/dashboard/components/form/Input.vue @@ -23,7 +23,7 @@ 'px-3 py-3': spacing === 'base', 'px-3 py-2 mb-0': spacing === 'compact', }" - class="block w-full border-0 rounded-md shadow-sm outline-none appearance-none ring-1 ring-inset text-slate-900 dark:text-slate-100 placeholder:text-slate-400 focus:ring-2 focus:ring-inset focus:ring-woot-500 sm:text-sm sm:leading-6 dark:bg-slate-700" + class="block w-full border-none rounded-md shadow-sm appearance-none outline outline-1 outline-slate-200 focus:outline-none focus:outline-0 text-slate-900 dark:text-slate-100 placeholder:text-slate-400 focus:ring-2 focus:ring-woot-500 sm:text-sm sm:leading-6 dark:bg-slate-700" @input="onInput" @blur="$emit('blur')" /> diff --git a/app/javascript/dashboard/components/form/TextArea.vue b/app/javascript/dashboard/components/form/TextArea.vue index 8d5121d4f..581d16307 100644 --- a/app/javascript/dashboard/components/form/TextArea.vue +++ b/app/javascript/dashboard/components/form/TextArea.vue @@ -24,7 +24,7 @@ 'px-3 py-2': spacing === 'compact', 'resize-none': !allowResize, }" - class="block w-full border-0 rounded-md shadow-sm outline-none appearance-none ring-1 ring-inset text-slate-900 dark:text-slate-100 placeholder:text-slate-400 focus:ring-2 focus:ring-inset focus:ring-woot-500 sm:text-sm sm:leading-6 dark:bg-slate-700" + class="block w-full border-none rounded-md shadow-sm appearance-none outline outline-1 outline-slate-200 focus:outline-none focus:outline-0 text-slate-900 dark:text-slate-100 placeholder:text-slate-400 focus:ring-2 focus:ring-woot-500 sm:text-sm sm:leading-6 dark:bg-slate-700" @input="onInput" @blur="$emit('blur')" />