fix blocks layout

This commit is contained in:
Chika 2020-12-10 13:45:34 +03:00
parent 97d94a312d
commit c3a0581f54

View File

@ -43,7 +43,7 @@ const Calculation = () => {
minHeight="800px"
>
<Sections
width={['100vw', '100vw', '100vw', '700px', '850px', '1200px']}
width={['100vw', '100vw', '100vw', '700px', '850px', '1000px']}
/>
<Flex
flexDirection={[
@ -54,28 +54,18 @@ const Calculation = () => {
'column',
'row',
]}
// width="100vw"
>
<Flex
flexDirection="column"
// width={['100vw', '100vw', '100vw', '100%', '470px', '375px', '550px']}
minWidth={['100vw', '100vw', '100vw', '450px']}
maxWidth={[undefined, undefined, undefined, '450px']}
>
<Info />
<Results
width={[
'100vw',
'100vw',
'100vw',
'500px',
'470px',
'375px',
'550px',
]}
/>
<Results />
</Flex>
<ResultsTable
minHeight="500px"
width={['100vw', '100vw', '100vw', '500px', '470px', '550px']}
width={['100vw', '100vw', '100vw', '500px']}
/>
</Flex>
<ModalComponent />