prehistoric-systems/omnivore
1
0
Fork 0
mirror of https://github.com/omnivore-app/omnivore.git synced 2026-03-11 08:54:26 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Example of how to style table components

Browse source
This commit is contained in:
Jackson Harper 2022-07-20 16:08:57 -07:00
parent fdd140485e
commit 1c1db00626
1 changed files with 6 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
packages/web/components/elements/Table.tsx
View file

@ -30,6 +30,10 @@ const newThead = {
background: '#156'
}
const StyledTable = styled(ResponsiveTable, {
// Add css here
})
export function Table(props: TableProps): JSX.Element {
const iconColor = isDarkTheme() ? '#D8D7D5' : '#5F5E58'
@ -102,7 +106,7 @@ export function Table(props: TableProps): JSX.Element {
},
}}
>
<ResponsiveTable>
<StyledTable>
<Thead className={newThead}>
<Tr>
{props.headers.map((header: string, index: number) => (
@ -182,7 +186,7 @@ export function Table(props: TableProps): JSX.Element {
</Tr>
))}
</Tbody>
</ResponsiveTable>
</StyledTable>
</Box>
</VStack>
)