fix(EmptyTableBody): 文字列が中央揃えになるよう修正 (#5186)

kufu · Dec 13, 2024 · d10d1be · d10d1be
1 parent 1f8f081
commit d10d1be
Showing 1 changed file with 2 additions and 4 deletions.
diff --git a/packages/smarthr-ui/src/components/Table/EmptyTableBody.tsx b/packages/smarthr-ui/src/components/Table/EmptyTableBody.tsx
@@ -3,8 +3,6 @@
 import React, { ComponentPropsWithRef, PropsWithChildren, useMemo } from 'react'
 import { tv } from 'tailwind-variants'
 
-import { Center } from '../Layout'
-
 import { Td } from './Td'
 import { useTableHeadCellCount } from './useTableHeadCellCount'
 
@@ -19,7 +17,7 @@ type Props = PropsWithChildren<{
 type ElementProps = Omit<ComponentPropsWithRef<'tbody'>, keyof Props>
 
 const emptyTableBodyCell = tv({
-  base: '',
+  base: 'shr-text-center',
   variants: {
     paddingBlock: {
       0: 'shr-py-0',
@@ -93,7 +91,7 @@ export const EmptyTableBody: React.FC<Props & ElementProps> = ({ children, paddi
     <tbody {...props} ref={countHeadCellRef}>
       <tr>
         <Td colSpan={count} className={tdStyles}>
-          <Center>{children}</Center>
+          {children}
         </Td>
       </tr>
     </tbody>