From 2d145b026cfdf54a63bef0b9d6324b6785390307 Mon Sep 17 00:00:00 2001 From: Wes Bos Date: Fri, 14 Sep 2018 12:18:12 -0400 Subject: move finished folder --- .../frontend/components/styles/Table.js | 35 ++++++++++++++++++++++ 1 file changed, 35 insertions(+) create mode 100644 finished-application/frontend/components/styles/Table.js (limited to 'finished-application/frontend/components/styles/Table.js') diff --git a/finished-application/frontend/components/styles/Table.js b/finished-application/frontend/components/styles/Table.js new file mode 100644 index 0000000..b2cd6c4 --- /dev/null +++ b/finished-application/frontend/components/styles/Table.js @@ -0,0 +1,35 @@ +import styled from 'styled-components'; + +const Table = styled.table` + border-spacing: 0; + width: 100%; + border: 1px solid ${props => props.theme.offWhite}; + thead { + font-size: 10px; + } + td, + th { + border-bottom: 1px solid ${props => props.theme.offWhite}; + border-right: 1px solid ${props => props.theme.offWhite}; + padding: 5px; + position: relative; + &:last-child { + border-right: none; + width: 150px; + button { + width: 100%; + } + } + label { + padding: 10px 5px; + display: block; + } + } + tr { + &:hover { + background: ${props => props.theme.offWhite}; + } + } +`; + +export default Table; -- cgit v1.3