Layout fixes
This commit is contained in:
parent
af0253ce17
commit
39319e6157
|
@ -29,7 +29,11 @@ export default function PublicTrades({ smallScreen }) {
|
||||||
style={
|
style={
|
||||||
smallScreen
|
smallScreen
|
||||||
? { flex: 1 }
|
? { flex: 1 }
|
||||||
: { marginTop: '10px', height: 'calc(100% - 520px)' }
|
: {
|
||||||
|
marginTop: '10px',
|
||||||
|
minHeight: '270px',
|
||||||
|
height: 'calc(100vh - 710px)',
|
||||||
|
}
|
||||||
}
|
}
|
||||||
>
|
>
|
||||||
<Title>Recent Market trades</Title>
|
<Title>Recent Market trades</Title>
|
||||||
|
|
|
@ -213,7 +213,7 @@ const RenderNormal = ({ onChangeOrderRef, onPrice, onSize }) => {
|
||||||
return (
|
return (
|
||||||
<Row
|
<Row
|
||||||
style={{
|
style={{
|
||||||
minHeight: '750px',
|
minHeight: '800px',
|
||||||
flexWrap: 'nowrap',
|
flexWrap: 'nowrap',
|
||||||
}}
|
}}
|
||||||
>
|
>
|
||||||
|
@ -240,13 +240,13 @@ const RenderSmall = ({ onChangeOrderRef, onPrice, onSize }) => {
|
||||||
<>
|
<>
|
||||||
<Row
|
<Row
|
||||||
style={{
|
style={{
|
||||||
height: '750px',
|
height: '800px',
|
||||||
}}
|
}}
|
||||||
>
|
>
|
||||||
<Col flex="auto" style={{ height: '100%', display: 'flex' }}>
|
<Col flex="auto" style={{ height: '100%', display: 'flex' }}>
|
||||||
<Orderbook
|
<Orderbook
|
||||||
smallScreen={true}
|
smallScreen={true}
|
||||||
depth={12}
|
depth={13}
|
||||||
onPrice={onPrice}
|
onPrice={onPrice}
|
||||||
onSize={onSize}
|
onSize={onSize}
|
||||||
/>
|
/>
|
||||||
|
@ -282,7 +282,11 @@ const RenderSmaller = ({ onChangeOrderRef, onPrice, onSize }) => {
|
||||||
<StandaloneBalancesDisplay />
|
<StandaloneBalancesDisplay />
|
||||||
</Col>
|
</Col>
|
||||||
</Row>
|
</Row>
|
||||||
<Row style={{ minHeight: '500px' }}>
|
<Row
|
||||||
|
style={{
|
||||||
|
height: '500px',
|
||||||
|
}}
|
||||||
|
>
|
||||||
<Col xs={24} sm={12} style={{ height: '100%', display: 'flex' }}>
|
<Col xs={24} sm={12} style={{ height: '100%', display: 'flex' }}>
|
||||||
<Orderbook smallScreen={true} onPrice={onPrice} onSize={onSize} />
|
<Orderbook smallScreen={true} onPrice={onPrice} onSize={onSize} />
|
||||||
</Col>
|
</Col>
|
||||||
|
|
Loading…
Reference in New Issue