mirror of
https://github.com/luxfi/explore.git
synced 2026-09-24 00:28:18 +00:00
Igor StuevandGitHub
820ffae891
* Mobile UI: search (drawer) * drawer border radius * fix * tests * fix * fixes * fixes2
29 lines
754 B
TypeScript
29 lines
754 B
TypeScript
import { Flex, chakra } from '@chakra-ui/react';
|
|
import React from 'react';
|
|
|
|
import config from 'configs/app';
|
|
|
|
interface Props {
|
|
className?: string;
|
|
children: React.ReactNode;
|
|
}
|
|
|
|
const MainColumn = ({ children, className }: Props) => {
|
|
return (
|
|
<Flex
|
|
className={ className }
|
|
flexDir="column"
|
|
flexGrow={ 1 }
|
|
w={{ base: '100%', lg: config.UI.navigation.layout === 'horizontal' ? '100%' : 'auto' }}
|
|
paddingX={{ base: 3, lg: config.UI.navigation.layout === 'horizontal' ? 6 : 12 }}
|
|
paddingRight={{ '2xl': 6 }}
|
|
paddingTop={{ base: '12px', lg: 6 }} // 12px is top padding of content area
|
|
paddingBottom={ 8 }
|
|
>
|
|
{ children }
|
|
</Flex>
|
|
);
|
|
};
|
|
|
|
export default React.memo(chakra(MainColumn));
|