Added hover state to HTMLField component

refs DES-8
This commit is contained in:
Djordje Vlaisavljevic 2024-02-08 11:28:03 +00:00
parent 5a6690eef4
commit 2256a22a85

View File

@ -36,7 +36,7 @@ const HtmlField: React.FC<HtmlFieldProps> = ({
const textFieldClasses = unstyled ? '' : clsx( const textFieldClasses = unstyled ? '' : clsx(
'flex min-h-[32px] items-center rounded-md border border-transparent py-1.5 md:min-h-[36px]', 'flex min-h-[32px] items-center rounded-md border border-transparent py-1.5 md:min-h-[36px]',
clearBg ? 'bg-transparent' : 'bg-grey-150 px-3 dark:bg-grey-900', clearBg ? 'bg-transparent' : 'bg-grey-150 px-3 dark:bg-grey-900',
error ? `border-red` : `dark:bg-dark-925 hover:bg-grey-100 focus:border-green focus:shadow-[0_0_0_1px_rgba(48,207,67,1)]`, error ? `border-red` : `hover:bg-grey-100 focus:border-green focus:shadow-[0_0_0_1px_rgba(48,207,67,1)] peer-focus:border-green dark:selection:bg-[rgba(88,101,116,0.99)] dark:hover:bg-grey-925`,
(title && !hideTitle && !clearBg) && `mt-2`, (title && !hideTitle && !clearBg) && `mt-2`,
className className
); );