fix(Table): デザイン修正 (#89)

4-design · Jun 26, 2021 · 1c9b06d · 1c9b06d · vercel · Jun 26, 2021
1 parent f6dcb42
commit 1c9b06d
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 7 deletions.
diff --git a/src/table/Table.tsx b/src/table/Table.tsx
@@ -29,9 +29,7 @@ export function Table<T extends object>(
     return (
       <tr
         {...row.getRowProps()}
-        tw="border-b-2 border-middle
-        transform transition duration-300 ease-in-out
-        hover:shadow-hover"
+        tw="border-b-2 border-low transform transition duration-300 ease-in-out hover:bg-gray-bg"
       >
         {row.cells.map((cell) => (
           <>{cell.render('Cell')}</>
@@ -48,12 +46,12 @@ export function Table<T extends object>(
             <tr
               {...headerGroup.getHeaderGroupProps()}
               key={i}
-              tw="border-b-2 border-middle table-row align-middle"
+              tw="border-b-2 border-low table-row align-middle"
             >
               {headerGroup.headers.map((column, j) => (
                 <th
                   key={j}
-                  tw="py-4 px-6 font-bold text-base text-high text-left table-cell whitespace-nowrap"
+                  tw="p-3 font-bold text-base text-high text-left table-cell whitespace-nowrap"
                   scope="col"
                 >
                   {column.render('Header')}

diff --git a/src/table/TableCell.tsx b/src/table/TableCell.tsx
@@ -22,15 +22,15 @@ export const TableCell: React.VFC<TableCellProps> = ({
       {component === 'td' ? (
         <td
           key={key}
-          css={[tw`px-6 py-4 font-medium text-left`, twin]}
+          css={[tw`p-3 font-medium text-left text-high`, twin]}
           {...rest}
         >
           {children}
         </td>
       ) : (
         <th
           key={key}
-          css={[tw`px-6 py-4  font-medium text-left`, twin]}
+          css={[tw`p-3 font-medium text-left text-high`, twin]}
           {...rest}
         >
           {children}