interesting
/
go-ethereum
mirror of https://github.com/ethereum/go-ethereum.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

add tabs

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>
)
}

3
src/components/UI/downloads/index.ts
View File

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