chore: adjust styling for search input

This commit is contained in:
ValdiANS
2026-01-08 09:56:05 +07:00
parent 7d4869fbdc
commit 4872a53a25
@@ -332,20 +332,14 @@ export function MasterEmployeeContent() {
<div className='flex items-center gap-3 flex-wrap'> <div className='flex items-center gap-3 flex-wrap'>
<div className='relative'> <div className='relative'>
<Search className='absolute left-3 top-1/2 transform -translate-y-1/2 text-gray-400 w-4 h-4' /> <Search className='absolute left-3 top-1/2 transform -translate-y-1/2 text-gray-400 w-4 h-4' />
{/* <Input
type='text'
placeholder='Cari nama ABK atau kandang...'
value={tableFilterState.search}
onChange={(e) => updateFilter('search', e.target.value)}
className='pl-10 w-[280px] border-gray-200'
/> */}
<DebouncedTextInput <DebouncedTextInput
name='search' name='search'
placeholder='Cari nama ABK atau kandang...' placeholder='Cari nama ABK atau kandang...'
value={tableFilterState.search} value={tableFilterState.search}
onChange={(e) => updateFilter('search', e.target.value)} onChange={(e) => updateFilter('search', e.target.value)}
className={{ className={{
wrapper: 'w-[280px] border-gray-200', wrapper: 'w-full sm:w-[280px] border-gray-200',
inputWrapper: 'px-3 py-2 h-fit rounded-md', inputWrapper: 'px-3 py-2 h-fit rounded-md',
input: 'text-sm', input: 'text-sm',
}} }}
@@ -448,7 +442,8 @@ export function MasterEmployeeContent() {
isResponseSuccess(employees) && isResponseSuccess(employees) &&
employees?.data?.length === 0, employees?.data?.length === 0,
}), }),
tableWrapperClassName: 'rounded-none', tableWrapperClassName:
'overflow-x-auto border border-solid border-base-content/10 rounded-none',
headerRowClassName: 'bg-gray-50/50', headerRowClassName: 'bg-gray-50/50',
headerColumnClassName: headerColumnClassName:
'text-left py-3.5 px-6 text-sm font-semibold text-gray-700', 'text-left py-3.5 px-6 text-sm font-semibold text-gray-700',