forks/go-ethereum
1
0
Fork 1
mirror of https://github.com/ethereum/go-ethereum.git synced 2026-05-11 02:26:38 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

working on table

Browse source
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
Show stats Download patch file Download diff file Expand all files Collapse all files

101
src/components/UI/downloads/DownloadsTable.tsx
View file

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