refactor(FE): Refine input component styles and error UI

This commit is contained in:
rstubryan
2026-01-28 13:43:46 +07:00
parent 558f219e8b
commit 406befc21b
2 changed files with 15 additions and 11 deletions
+4 -4
View File
@@ -102,7 +102,7 @@ const TextInput = ({
{inputPrefix && (
<div
className={cn(
'inline-flex items-center px-3 py-2.5 border border-r-0 border-base-content/10 rounded-l-lg transition-all duration-200',
'inline-flex items-center px-3 border border-r-0 border-base-content/10 rounded-l-lg transition-all duration-200',
{
'bg-gray-100 border-base-content/10': !disabled,
'bg-gray-50 border-base-content/10': disabled,
@@ -165,10 +165,10 @@ const TextInput = ({
{inputSuffix && (
<div
className={cn(
'inline-flex items-center px-3 py-2.5 border border-l-0 border-base-content/10 rounded-r-lg transition-all duration-200',
'inline-flex items-center px-3 border border-l-0 border-base-content/10 rounded-r-lg transition-all duration-200',
{
'bg-gray-100 border-gray-300': !disabled,
'bg-gray-50 border-gray-200': disabled,
'bg-gray-100 border-base-content/10': !disabled,
'bg-gray-50 border-base-content/10': disabled,
'border-error': isError,
'border-success!': isValid,
},