fix blocks layout
This commit is contained in:
parent
97d94a312d
commit
c3a0581f54
@ -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 />
|
||||
|
||||
Reference in New Issue
Block a user