mirror of
https://gitlab.com/mbugroup/lti-web-client.git
synced 2026-05-25 07:45:47 +00:00
chore: adjust styling for search input
This commit is contained in:
@@ -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',
|
||||||
|
|||||||
Reference in New Issue
Block a user