forks/go-ethereum
1
0
Fork 1
mirror of https://github.com/ethereum/go-ethereum.git synced 2026-05-16 13:06:40 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

add tabs

Browse source
This commit is contained in:
Corwin Smith 2022-10-06 22:15:51 -06:00
parent 0ee133cb81
commit cbfc1a70cd
3 changed files with 122 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

113
src/components/UI/downloads/DownloadsTable.tsx Normal file
View file

@ -0,0 +1,113 @@
import {
Stack,
Tabs,
TabList,
Tab,
Text,
} from '@chakra-ui/react';
export const DownloadsTable = () => {
return (
<Stack sx={{ mt: '0 !important' }} borderBottom='2px solid #11866f'>
<Tabs variant='unstyled'>
<TabList
color='#11866f'
bg='#d7f5ef'
borderBottom='2px solid #11866f'
>
<Tab
w={'20%'}
p={4}
_selected={{
bg: '#11866f',
color: '#f0f2e2',
}}
>
<Text
fontFamily='"JetBrains Mono", monospace'
// TODO: move to theme colors
fontWeight={700}
textTransform='uppercase'
textAlign='center'
>
LINUX
</Text>
</Tab>
<Tab
w={'20%'}
p={4}
_selected={{
bg: '#11866f',
color: '#f0f2e2',
}}
>
<Text
fontFamily='"JetBrains Mono", monospace'
// TODO: move to theme colors
fontWeight={700}
textTransform='uppercase'
textAlign='center'
>
MACOS
</Text>
</Tab>
<Tab
w={'20%'}
p={4}
_selected={{
bg: '#11866f',
color: '#f0f2e2',
}}
>
<Text
fontFamily='"JetBrains Mono", monospace'
// TODO: move to theme colors
fontWeight={700}
textTransform='uppercase'
textAlign='center'
>
WINDOWS
</Text>
</Tab>
<Tab
w={'20%'}
p={4}
_selected={{
bg: '#11866f',
color: '#f0f2e2',
}}
>
<Text
fontFamily='"JetBrains Mono", monospace'
// TODO: move to theme colors
fontWeight={700}
textTransform='uppercase'
textAlign='center'
>
IOS
</Text>
</Tab>
<Tab
w={'20%'}
p={4}
_selected={{
bg: '#11866f',
color: '#f0f2e2',
}}
>
<Text
fontFamily='"JetBrains Mono", monospace'
// TODO: move to theme colors
fontWeight={700}
textTransform='uppercase'
textAlign='center'
>
ANDROID
</Text>
</Tab>
</TabList>
</Tabs>
<Text>Test</Text>
</Stack>
)
}

1
src/components/UI/downloads/index.ts
View file

@ -1,2 +1,3 @@
export * from './DownloadsHero'; export * from './DownloadsHero';
export * from './DownloadsSection' export * from './DownloadsSection'
export * from './DownloadsTable'

14
src/pages/downloads.tsx
View file

@ -12,7 +12,11 @@ import {
} from '@chakra-ui/react'; } from '@chakra-ui/react';
import type { NextPage } from 'next'; import type { NextPage } from 'next';
import { DownloadsHero, DownloadsSection } from '../components/UI/downloads'; import {
DownloadsHero,
DownloadsSection,
DownloadsTable,
} from '../components/UI/downloads';
import { import {
GETH_REPO_URL GETH_REPO_URL
@ -107,9 +111,7 @@ const DownloadsPage: NextPage = ({}) => {
</Text> </Text>
</Stack> </Stack>
<Stack p={4} borderBottom='2px solid #11866f'> <DownloadsTable />
<Text>TABLE</Text>
</Stack>
<Stack sx={{ mt: '0 !important' }}> <Stack sx={{ mt: '0 !important' }}>
<Button <Button
@ -160,9 +162,7 @@ const DownloadsPage: NextPage = ({}) => {
</Text> </Text>
</Stack> </Stack>
<Stack p={4} borderBottom='2px solid #11866f'> <DownloadsTable />
<Text>TABLE</Text>
</Stack>
<Stack sx={{ mt: '0 !important' }}> <Stack sx={{ mt: '0 !important' }}>
<Button <Button