open.source/manifold
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Order limit bets in sorted order on mobile

Browse Source
This commit is contained in:
James Grugett 2022-07-18 18:19:30 -05:00
parent 47a27bf3fe
commit 61a21d34b2
1 changed files with 8 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
web/components/limit-bets.tsx
View File

@ -178,7 +178,7 @@ export function OrderBookButton(props: {
<Modal open={open} setOpen={setOpen} size="lg"> <Modal open={open} setOpen={setOpen} size="lg">
<Col className="rounded bg-white p-4 py-6"> <Col className="rounded bg-white p-4 py-6">
<Title className="!mt-0" text="Order book" /> <Title className="!mt-0" text="Order book" />
<Col className="justify-start gap-2 lg:flex-row lg:items-start"> <Row className="hidden items-start justify-start gap-2 md:flex">
<LimitOrderTable <LimitOrderTable
limitBets={yesBets} limitBets={yesBets}
contract={contract} contract={contract}
@ -189,6 +189,13 @@ export function OrderBookButton(props: {
contract={contract} contract={contract}
isYou={false} isYou={false}
/> />
</Row>
<Col className="md:hidden">
<LimitOrderTable
limitBets={limitBets}
contract={contract}
isYou={false}
/>
</Col> </Col>
</Col> </Col>
</Modal> </Modal>