fix: downloads page borders & margins

pull/26374/head
Nicolás Quiroz 2 years ago
parent 969ad78eb3
commit f2ae1511e5
  1. 4
      src/components/UI/downloads/DownloadsHero.tsx
  2. 10
      src/pages/downloads.tsx

@ -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 NextLink from 'next/link';
@ -32,7 +32,7 @@ export const DownloadsHero: FC<DownloadsHero> = ({
return (
<Grid
border='3px solid'
border='2px solid'
borderColor='primary'
p={4}
templateColumns={{ base: 'repeat(1, 1fr)', lg: '1fr 430px' }}

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

Loading…
Cancel
Save