mirror of
https://github.com/luxfi/explore.git
synced 2026-09-24 00:28:18 +00:00
tom goriunovandGitHub
05945f6cf7
* update csv export text * fix pw tests * base layout and customization for home page and search results page * refactor rest of the pages * refactor AppError * move header padding to layout * move nextjs utils to separate folder * combine PageServer and Page * make useQueryClientConfig hook * add tests * remove unused var * fix envs for pw * fix pw tests
26 lines
541 B
TypeScript
26 lines
541 B
TypeScript
import { Flex, chakra } from '@chakra-ui/react';
|
|
import React from 'react';
|
|
|
|
interface Props {
|
|
className?: string;
|
|
children: React.ReactNode;
|
|
}
|
|
|
|
const MainColumn = ({ children, className }: Props) => {
|
|
return (
|
|
<Flex
|
|
className={ className }
|
|
flexDir="column"
|
|
flexGrow={ 1 }
|
|
w={{ base: '100%', lg: 'auto' }}
|
|
paddingX={{ base: 4, lg: 12 }}
|
|
paddingTop={{ base: '138px', lg: 9 }}
|
|
paddingBottom={ 10 }
|
|
>
|
|
{ children }
|
|
</Flex>
|
|
);
|
|
};
|
|
|
|
export default React.memo(chakra(MainColumn));
|