OpenSourceArk/Ghost
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Added focus state for HTMLField

Browse Source 
refs DES-108
This commit is contained in:
Djordje Vlaisavljevic 2024-02-13 15:17:29 +00:00
parent 8d357bd551
commit f93143c76a
1 changed files with 1 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
apps/admin-x-design-system/src/global/form/HtmlField.tsx
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` : `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`, error ? `border-red` : `transition-all hover:bg-grey-100 has-[:focus]:border-green has-[:focus]:bg-white has-[:focus]:shadow-[0_0_0_1px_rgba(48,207,67,1)] dark:selection:bg-[rgba(88,101,116,0.99)] dark:hover:bg-grey-925 dark:has-[:focus]:bg-grey-950`,
(title && !hideTitle && !clearBg) && `mt-2`, (title && !hideTitle && !clearBg) && `mt-2`,
className className
); );