refactor(FE): Refactor table components for consistent styling and

cleanup
This commit is contained in:
rstubryan
2026-02-19 11:14:39 +07:00
parent c3a69bc66a
commit 8a1e0f080f
5 changed files with 24 additions and 38 deletions
@@ -116,10 +116,10 @@ const ClosingOutgoingSapronaksTable = ({
}, [sorting, updateFilter]);
return (
<div className='w-full p-0 sm:p-3'>
<div className='w-full'>
<Card
className={{
wrapper: 'w-full rounded-lg border-none',
wrapper: 'w-full rounded-lg',
body: 'p-0',
title: 'px-2 py-1.5 font-normal text-sm bg-primary text-white',
collapsible: 'rounded-lg',
@@ -129,7 +129,7 @@ const ClosingOutgoingSapronaksTable = ({
collapsible
defaultCollapsed={false}
>
<div className='flex flex-col gap-2 mb-4'>
<div className='flex flex-col gap-2 my-4'>
<div className='w-full flex flex-col sm:flex-row justify-start items-end sm:items-center gap-4'>
<DebouncedTextInput
name='search'
@@ -195,15 +195,14 @@ const ClosingOutgoingSapronaksTable = ({
rowSelection={rowSelection}
setRowSelection={setRowSelection}
className={{
containerClassName: 'w-full mb-0!',
containerClassName: 'w-full mb-5!',
tableWrapperClassName:
'overflow-x-auto rounded-tr-none rounded-tl-none',
tableClassName: 'w-full table-auto text-sm',
headerRowClassName: 'border-b border-b-gray-200 bg-gray-50',
headerColumnClassName:
'px-4 py-3 text-xs font-semibold text-gray-700 text-left border border-gray-200',
bodyRowClassName:
'hover:bg-gray-50 transition-colors border-b border-l border-r border-b-gray-200 border-l-gray-200 border-r-gray-200',
'px-4 py-3 text-xs font-semibold text-gray-700 text-left border-b border-gray-200',
bodyRowClassName: 'hover:bg-gray-50 transition-colors',
bodyColumnClassName:
'px-4 py-3 text-xs text-gray-900 whitespace-nowrap',
}}