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

chore: update margins on desktop

Browse source
This commit is contained in:
Nicolás Quiroz 2022-12-15 13:16:38 -03:00
parent fe86513064
commit 3dea406d9e
3 changed files with 10 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
src/components/UI/Header.tsx
View file

@ -2,10 +2,9 @@ import { FC } from 'react';
import { Box, Flex, Link, Stack, Text, useColorMode } from '@chakra-ui/react'; import { Box, Flex, Link, Stack, Text, useColorMode } from '@chakra-ui/react';
import NextLink from 'next/link'; import NextLink from 'next/link';
import { Search } from '../UI'; import { HeaderButtons, Search } from '../UI';
import { MoonIcon, SunIcon } from '../UI/icons'; import { MoonIcon, SunIcon } from '../UI/icons';
import { HeaderButtons } from './';
import { MobileMenu } from '../layouts'; import { MobileMenu } from '../layouts';
export const Header: FC = () => { export const Header: FC = () => {
@ -14,7 +13,7 @@ export const Header: FC = () => {
return ( return (
<Flex <Flex
mb={4} mb={{ base: 4, lg: 8 }}
border='2px' border='2px'
borderColor='primary' borderColor='primary'
justifyContent='space-between' justifyContent='space-between'

2
src/components/layouts/Footer.tsx
View file

@ -20,7 +20,7 @@ const hoverStyles = {
export const Footer: FC = () => { export const Footer: FC = () => {
return ( return (
<Flex mt={4} direction={{ base: 'column', lg: 'row' }}> <Flex mt={{ base: 4, lg: 8 }} direction={{ base: 'column', lg: 'row' }}>
<Flex <Flex
direction={{ base: 'column', md: 'row' }} direction={{ base: 'column', md: 'row' }}
justifyContent={{ md: 'space-between' }} justifyContent={{ md: 'space-between' }}

13
src/pages/index.tsx
View file

@ -1,8 +1,6 @@
import { Box, Grid, GridItem, Link, Stack, Text } from '@chakra-ui/react'; import { Box, Grid, GridItem, Link, Stack, Text } from '@chakra-ui/react';
import type { NextPage } from 'next'; import type { NextPage } from 'next';
import { GopherHomeFront } from '../components/UI/svgs';
import { import {
HomeHero, HomeHero,
HomeSection, HomeSection,
@ -11,7 +9,7 @@ import {
WhyRunANode WhyRunANode
} from '../components/UI/homepage'; } from '../components/UI/homepage';
import { PageMetadata } from '../components/UI'; import { PageMetadata } from '../components/UI';
import { GopherHomeLinks } from '../components/UI/svgs'; import { GopherHomeFront, GopherHomeLinks } from '../components/UI/svgs';
import { import {
CONTRIBUTING_PAGE, CONTRIBUTING_PAGE,
@ -29,7 +27,7 @@ const HomePage: NextPage = ({}) => {
<PageMetadata title={METADATA.HOME_TITLE} description={METADATA.HOME_DESCRIPTION} /> <PageMetadata title={METADATA.HOME_TITLE} description={METADATA.HOME_DESCRIPTION} />
<main id='main-content'> <main id='main-content'>
<Stack spacing={4}> <Stack spacing={{ base: 4, lg: 8 }}>
<HomeHero /> <HomeHero />
<Grid <Grid
@ -109,7 +107,10 @@ const HomePage: NextPage = ({}) => {
</GridItem> </GridItem>
</Grid> </Grid>
<Grid templateColumns={{ base: 'repeat(1, 1fr)', md: 'repeat(2, 1fr)' }} gap={4}> <Grid
templateColumns={{ base: 'repeat(1, 1fr)', md: 'repeat(2, 1fr)' }}
gap={{ base: 4, lg: 8 }}
>
<GridItem> <GridItem>
{/* SECTION: Contribute to Geth */} {/* SECTION: Contribute to Geth */}
<HomeSection <HomeSection
@ -145,7 +146,7 @@ const HomePage: NextPage = ({}) => {
</GridItem> </GridItem>
</Grid> </Grid>
<Grid templateColumns={{ base: '1fr', md: '300px 1fr' }} gap={4}> <Grid templateColumns={{ base: '1fr', md: '300px 1fr' }} gap={{ base: 4, lg: 8 }}>
<GridItem w='auto'> <GridItem w='auto'>
<Box h='100%'> <Box h='100%'>
{/* TODO: replace with animated/video version */} {/* TODO: replace with animated/video version */}