mirror of https://github.com/ethereum/go-ethereum
parent
0ee133cb81
commit
cbfc1a70cd
@ -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,2 +1,3 @@ |
|||||||
export * from './DownloadsHero'; |
export * from './DownloadsHero'; |
||||||
export * from './DownloadsSection' |
export * from './DownloadsSection' |
||||||
|
export * from './DownloadsTable' |
Loading…
Reference in new issue