project-serum
/
serum-dex-ui
mirror of https://github.com/project-serum/serum-dex-ui.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

Layout fixes

This commit is contained in:
Philippe Maes 2020-09-23 14:47:31 +02:00
parent af0253ce17
commit 39319e6157
2 changed files with 13 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/components/TradesTable.jsx
View File

@ -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>

12
src/pages/TradePage.jsx
View File

@ -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>