working on table

This commit is contained in:
Corwin Smith 2022-10-06 23:48:24 -06:00
parent cbfc1a70cd
commit 617a13f211
1 changed files with 100 additions and 1 deletions

View File

@ -3,7 +3,16 @@ import {
Tabs,
TabList,
Tab,
Table,
Tbody,
Thead,
Tr,
Th,
Td,
TableContainer,
Text,
TabPanel,
TabPanels,
} from '@chakra-ui/react';
export const DownloadsTable = () => {
@ -22,6 +31,7 @@ export const DownloadsTable = () => {
bg: '#11866f',
color: '#f0f2e2',
}}
borderRight='2px solid #11866f'
>
<Text
fontFamily='"JetBrains Mono", monospace'
@ -29,6 +39,7 @@ export const DownloadsTable = () => {
fontWeight={700}
textTransform='uppercase'
textAlign='center'
fontSize='sm'
>
LINUX
</Text>
@ -40,6 +51,7 @@ export const DownloadsTable = () => {
bg: '#11866f',
color: '#f0f2e2',
}}
borderRight='2px solid #11866f'
>
<Text
fontFamily='"JetBrains Mono", monospace'
@ -47,6 +59,7 @@ export const DownloadsTable = () => {
fontWeight={700}
textTransform='uppercase'
textAlign='center'
fontSize='sm'
>
MACOS
</Text>
@ -58,6 +71,7 @@ export const DownloadsTable = () => {
bg: '#11866f',
color: '#f0f2e2',
}}
borderRight='2px solid #11866f'
>
<Text
fontFamily='"JetBrains Mono", monospace'
@ -65,6 +79,7 @@ export const DownloadsTable = () => {
fontWeight={700}
textTransform='uppercase'
textAlign='center'
fontSize='sm'
>
WINDOWS
</Text>
@ -76,6 +91,7 @@ export const DownloadsTable = () => {
bg: '#11866f',
color: '#f0f2e2',
}}
borderRight='2px solid #11866f'
>
<Text
fontFamily='"JetBrains Mono", monospace'
@ -83,6 +99,7 @@ export const DownloadsTable = () => {
fontWeight={700}
textTransform='uppercase'
textAlign='center'
fontSize='sm'
>
IOS
</Text>
@ -101,13 +118,95 @@ export const DownloadsTable = () => {
fontWeight={700}
textTransform='uppercase'
textAlign='center'
fontSize='sm'
>
ANDROID
</Text>
</Tab>
</TabList>
<TabPanels>
<TabPanel>
<TableContainer>
<Table variant='unstyled'>
<Thead>
<Tr>
<Th
textTransform='none'
p={0}
minW={'130.5px'}
>
<Text
fontFamily='"JetBrains Mono", monospace'
fontWeight={700}
fontSize='md'
color='#868b87'
>
Release
</Text>
</Th>
<Th
textTransform='none'
p={0}
minW={'130.5px'}
>
<Text
fontFamily='"JetBrains Mono", monospace'
fontWeight={700}
fontSize='md'
color='#868b87'
>
Commit
</Text>
</Th>
<Th
textTransform='none'
p={0}
minW={'130.5px'}
>
<Text
fontFamily='"JetBrains Mono", monospace'
fontWeight={700}
fontSize='md'
color='#868b87'
>
Kind
</Text>
</Th>
<Th
textTransform='none'
p={0}
minW={'130.5px'}
>
<Text
fontFamily='"JetBrains Mono", monospace'
fontWeight={700}
fontSize='md'
color='#868b87'
>
Arch
</Text>
</Th>
<Th
textTransform='none'
p={0}
minW={'130.5px'}
>
<Text
fontFamily='"JetBrains Mono", monospace'
fontWeight={700}
fontSize='md'
color='#868b87'
>
Size
</Text>
</Th>
</Tr>
</Thead>
</Table>
</TableContainer>
</TabPanel>
</TabPanels>
</Tabs>
<Text>Test</Text>
</Stack>
)
}