Merge pull request #102 from ethereum/downloads-page-borders
fix: downloads page borders
This commit is contained in:
commit
271d7c9bf1
@ -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'>
|
||||||
|
Loading…
Reference in New Issue
Block a user