Merge pull request #102 from ethereum/downloads-page-borders

fix: downloads page borders
This commit is contained in:
Corwin Smith 2022-12-01 23:55:30 +01:00 committed by GitHub
commit 271d7c9bf1
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 9 additions and 5 deletions

@ -1,4 +1,4 @@
import { Box, Button, Center, Grid, HStack, Image, Link, Stack, Text } from '@chakra-ui/react'; import { Box, Button, Center, Grid, HStack, Link, Stack, Text } from '@chakra-ui/react';
import { FC } from 'react'; import { FC } from 'react';
import NextLink from 'next/link'; import NextLink from 'next/link';
@ -32,7 +32,7 @@ export const DownloadsHero: FC<DownloadsHero> = ({
return ( return (
<Grid <Grid
border='3px solid' border='2px solid'
borderColor='primary' borderColor='primary'
p={4} p={4}
templateColumns={{ base: 'repeat(1, 1fr)', lg: '1fr 430px' }} templateColumns={{ base: 'repeat(1, 1fr)', lg: '1fr 430px' }}

@ -504,6 +504,7 @@ const DownloadsPage: NextPage<Props> = ({ data }) => {
borderColor='primary' borderColor='primary'
gap={4} gap={4}
flexDirection={{ base: 'column', md: 'row' }} flexDirection={{ base: 'column', md: 'row' }}
alignItems='center'
> >
<Stack flex={1}> <Stack flex={1}>
<Text textStyle='quick-link-text'> <Text textStyle='quick-link-text'>
@ -512,7 +513,7 @@ const DownloadsPage: NextPage<Props> = ({ data }) => {
</Text> </Text>
</Stack> </Stack>
<Stack flex={1} w={'100%'} bg='terminal-bg'> <Stack flex={1} w={'100%'}>
<Code p={4} bg='code-bg'> <Code p={4} bg='code-bg'>
gpg --recv-keys F9585DE6 C2FF8BBF 9BA28146 7B9E2481 D2A67EAC gpg --recv-keys F9585DE6 C2FF8BBF 9BA28146 7B9E2481 D2A67EAC
</Code> </Code>
@ -525,6 +526,8 @@ const DownloadsPage: NextPage<Props> = ({ data }) => {
borderColor='primary' borderColor='primary'
gap={4} gap={4}
flexDirection={{ base: 'column', md: 'row' }} flexDirection={{ base: 'column', md: 'row' }}
alignItems='center'
sx={{ mt: '0 !important' }}
> >
<Stack flex={1}> <Stack flex={1}>
<Text textStyle='quick-link-text'> <Text textStyle='quick-link-text'>
@ -533,7 +536,7 @@ const DownloadsPage: NextPage<Props> = ({ data }) => {
</Text> </Text>
</Stack> </Stack>
<Stack flex={1} w={'100%'} bg='terminal-bg'> <Stack flex={1} w={'100%'}>
<Code p={4} bg='code-bg'> <Code p={4} bg='code-bg'>
gpg --recv-keys E058A81C 05A5DDF0 1CCB7DD2 gpg --recv-keys E058A81C 05A5DDF0 1CCB7DD2
</Code> </Code>
@ -542,10 +545,11 @@ const DownloadsPage: NextPage<Props> = ({ data }) => {
<Flex <Flex
p={4} p={4}
borderBottom='2px'
borderColor='primary' borderColor='primary'
gap={4} gap={4}
flexDirection={{ base: 'column', md: 'row' }} flexDirection={{ base: 'column', md: 'row' }}
alignItems='center'
sx={{ mt: '0 !important' }}
> >
<Stack flex={1}> <Stack flex={1}>
<Text textStyle='quick-link-text'> <Text textStyle='quick-link-text'>