From 5f00a45cbdb8cdabe0e296b673f3145c8119ecd5 Mon Sep 17 00:00:00 2001 From: ej9x Date: Mon, 19 Nov 2018 17:20:27 +0300 Subject: [PATCH] fix(atoms): fix table border --- src/atoms/Table/TableBody.js | 4 ++-- src/atoms/Table/TableBodyRow.js | 4 ++++ 2 files changed, 6 insertions(+), 2 deletions(-) diff --git a/src/atoms/Table/TableBody.js b/src/atoms/Table/TableBody.js index 960f51b4..3a71cd52 100644 --- a/src/atoms/Table/TableBody.js +++ b/src/atoms/Table/TableBody.js @@ -66,12 +66,12 @@ class TableBody extends PureComponent> { const hasBodyRows = data && data.length > 0; return ( - + { hasBodyRows ? ( - + { React.Children.toArray(data && children && data.map(children)) } ) diff --git a/src/atoms/Table/TableBodyRow.js b/src/atoms/Table/TableBodyRow.js index 610ec14c..387acc9b 100644 --- a/src/atoms/Table/TableBodyRow.js +++ b/src/atoms/Table/TableBodyRow.js @@ -21,6 +21,10 @@ const TableBodyRowTag = createStyledTag(name, (props: *) => ({ display: 'grid', borderBottom: `1px solid ${props.theme.COLORS.LIGHT_GRAY1}`, height: '6rem', + + '&:last-child': { + borderBottom: 'none', + }, })); function TableBodyRow({