CS_learn/tech-interview-handbook
1
0
Fork 0
mirror of https://github.com/yangshun/tech-interview-handbook.git synced 2026-07-03 02:26:16 +08:00
Code Issues Packages Projects Releases Wiki Activity

[ui] make disabled color more consistent

Browse Source
This commit is contained in:
Yangshun Tay
2022-10-28 19:28:34 +08:00
parent 720759628d
commit 766bee0e0c
9 changed files with 119 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
packages/ui/src/TextInput/TextInput.tsx
View File

@@ -143,7 +143,7 @@ function TextInput(
<div
className={clsx(
'flex w-full overflow-hidden rounded-md border text-sm focus-within:ring-1',
disabled && 'pointer-events-none select-none bg-slate-100',
disabled && 'pointer-events-none select-none bg-slate-50',
containerClass,
)}>
{(() => {
@@ -178,9 +178,8 @@ function TextInput(
aria-describedby={hasError ? errorId : undefined}
aria-invalid={hasError ? true : undefined}
className={clsx(
'w-0 flex-1 border-none text-sm focus:outline-none focus:ring-0',
'w-0 flex-1 border-none text-sm focus:outline-none focus:ring-0 disabled:cursor-not-allowed disabled:bg-transparent disabled:text-slate-500',
inputClass,
disabled && 'bg-transparent',
)}
defaultValue={defaultValue}
disabled={disabled}