Skip to content

Commit

Permalink
update: fix style
Browse files Browse the repository at this point in the history
  • Loading branch information
emmanuelonah committed Jan 7, 2025
1 parent e74b312 commit ef0f132
Showing 1 changed file with 2 additions and 20 deletions.
22 changes: 2 additions & 20 deletions client/src/components/table/items-widget/index.styles.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -10,10 +10,7 @@ const stylesReset = css`

const TableContainer = styled.div`
width: 100%;
overflow: hidden;
overflow-y: scroll;
height: calc(100vh - 25rem);
min-height: calc(100vh - 25rem);
border-radius: ${({ theme }) => theme.typography.borderRadius.sm};
`;

Expand All @@ -22,19 +19,16 @@ const Table = styled.table`
border-collapse: collapse;
border-spacing: 0;
background-color: ${({ theme }) => theme.colors.dark40};
border-collapse: separate;
border-spacing: 0;
width: 100%;
margin: 0 auto;
padding: 0.5rem;
border: solid 0.0625rem ${({ theme }) => theme.colors.dark50};
table-layout: fixed;
min-height: calc(100vh - 25rem);
`;

const Thead = styled.thead`
${stylesReset}
display: table;
width: 100%;
color: ${({ theme }) => theme.colors.ash400};
text-align: left;
Expand All @@ -50,28 +44,20 @@ const TheadRow = styled.tr`
const Th = styled.th`
${stylesReset}
font-weight: lighter;
padding: 0.5rem;
padding: 1rem;
text-align: left;
&:last-child {
text-align: right;
}
`;

const Tbody = styled.tbody`
${stylesReset}
display: table;
width: 100%;
`;

const TbodyRow = styled.tr`
${stylesReset}
width: 100%;
table-layout: fixed;
color: #e2e2e2;
font-size: ${({ theme }) => theme.typography.smallText.fontSize};
height: 1.5rem;
padding: 1rem 0;
&:hover {
background-color: ${({ theme }) => theme.colors.dark200};
Expand All @@ -80,14 +66,10 @@ const TbodyRow = styled.tr`

const Td = styled.td`
${stylesReset}
padding: 0.5rem;
padding: 1rem;
font-weight: lighter;
text-align: left;
font-size: ${({ theme }) => theme.typography.smallText.fontSize};
&:last-child {
text-align: right;
}
`;

export { TableContainer, Table, Thead, Tbody, TheadRow, TbodyRow, Th, Td };

0 comments on commit ef0f132

Please sign in to comment.