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

change requests

Browse source
This commit is contained in:
Corwin Smith 2022-11-16 17:05:04 -07:00
parent 48553b284e
commit 3643120353
4 changed files with 28 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

9
src/components/UI/downloads/DownloadsHero.tsx
View file

@ -53,7 +53,7 @@ export const DownloadsHero: FC<DownloadsHero> = ({
gap={4} gap={4}
p={4} p={4}
> >
<Stack flexDirection={{ base: 'column' }} alignItems={{ base: 'flex-start' }}> <Stack>
<Box as='h1' textStyle='h1'> <Box as='h1' textStyle='h1'>
Download go-ethereum Download go-ethereum
</Box> </Box>
@ -62,7 +62,7 @@ export const DownloadsHero: FC<DownloadsHero> = ({
// TODO: move text style to theme // TODO: move text style to theme
fontFamily='"JetBrains Mono", monospace' fontFamily='"JetBrains Mono", monospace'
lineHeight='21px' lineHeight='21px'
mb={8} mb={{base: '4 !important', md: '8 !important'}}
> >
{currentBuildName} ({currentBuildVersion}) {currentBuildName} ({currentBuildVersion})
</Text> </Text>
@ -96,19 +96,20 @@ export const DownloadsHero: FC<DownloadsHero> = ({
{Object.keys(DOWNLOAD_HEADER_BUTTONS).map((key: string) => { {Object.keys(DOWNLOAD_HEADER_BUTTONS).map((key: string) => {
return ( return (
<NextLink key={key} href={DOWNLOAD_HEADER_BUTTONS[key].buildURL} passHref> <NextLink key={key} href={DOWNLOAD_HEADER_BUTTONS[key].buildURL} passHref>
<Button as='a' variant='primary' width={{ base: '100%' }} p={8}> <Button as='a' variant='downloadsHeader' width={{ base: '100%' }} h={16}>
<HStack spacing={4}> <HStack spacing={4}>
<Stack alignItems='center'> <Stack alignItems='center'>
<Image <Image
src={DOWNLOAD_HEADER_BUTTONS[key].image} src={DOWNLOAD_HEADER_BUTTONS[key].image}
alt={DOWNLOAD_HEADER_BUTTONS[key].imageAlt} alt={DOWNLOAD_HEADER_BUTTONS[key].imageAlt}
h='44px'
/> />
</Stack> </Stack>
<Box> <Box>
<Text textStyle='downloads-button-label'> <Text textStyle='downloads-button-label'>
For {DOWNLOAD_HEADER_BUTTONS[key].name} For {DOWNLOAD_HEADER_BUTTONS[key].name}
</Text> </Text>
<Text textStyle='downloads-button-label'>geth {currentBuildName}</Text> <Text textStyle='downloads-button-sublabel'>geth {currentBuildVersion}</Text>
</Box> </Box>
</HStack> </HStack>
</Button> </Button>

6
src/components/UI/downloads/DownloadsSection.tsx
View file

@ -41,13 +41,13 @@ export const DownloadsSection: FC<Props> = ({
</Flex> </Flex>
{sectionDescription && ( {sectionDescription && (
<Stack <Center
p={4} p={4}
borderLeft={{ base: 'none', md: '2px solid #11866f' }} borderLeft={{ base: 'none', md: '2px solid #11866f' }}
borderTop={{ base: '2px solid #11866f', md: 'none' }} borderTop={{ base: '2px solid #11866f', md: 'none' }}
> >
<Center>{sectionDescription}</Center> {sectionDescription}
</Stack> </Center>
)} )}
</Flex> </Flex>

13
src/theme/components/Button.ts
View file

@ -12,6 +12,19 @@ export const Button = {
boxShadow: 'inset 0 0 0 2px #06fece !important' boxShadow: 'inset 0 0 0 2px #06fece !important'
}, },
_active: { borderTop: '4px solid', borderColor: 'green.200', pt: '4px' } _active: { borderTop: '4px solid', borderColor: 'green.200', pt: '4px' }
},
downloadsHeader: {
py: '8px',
px: '32px',
borderRadius: 0,
width: { base: '188px', md: 'auto' },
bg: 'brand.light.primary',
_hover: { bg: 'brand.light.secondary' },
_focus: {
bg: 'brand.light.primary',
boxShadow: 'inset 0 0 0 2px #06fece !important'
},
_active: { borderTop: '4px solid', borderColor: 'green.200' }
} }
} }
}; };

8
src/theme/foundations/textStyles.ts
View file

@ -67,7 +67,13 @@ export const textStyles = {
'downloads-button-label': { 'downloads-button-label': {
fontFamily: '"JetBrains Mono", monospace', fontFamily: '"JetBrains Mono", monospace',
color: 'yellow.50', color: 'yellow.50',
fontSize: 'xs', fontSize: {base: 'md', lg: 'xl'},
textTransform: 'uppercase'
},
'downloads-button-sublabel': {
fontFamily: '"JetBrains Mono", monospace',
color: 'yellow.50',
fontSize: {base: 'xs', lg: 'sm'},
textTransform: 'uppercase' textTransform: 'uppercase'
}, },
'download-tab-label': { 'download-tab-label': {