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

Clean up some bet panel markup and CSS (#231)

Browse Source 
* Tidy up probability change markup

* Tidy up payout markup
This commit is contained in:
Marshall Polaris 2022-05-15 14:10:26 -07:00 committed by GitHub
parent c9f3644988
commit ee91a94466
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 14 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

28
web/components/bet-panel.tsx
View File

@ -321,11 +321,11 @@ function BuyPanel(props: {
<Col className="mt-3 w-full gap-3"> <Col className="mt-3 w-full gap-3">
<Row className="items-center justify-between text-sm"> <Row className="items-center justify-between text-sm">
<div className="text-gray-500">Probability</div> <div className="text-gray-500">Probability</div>
<Row> <div>
<div>{formatPercent(initialProb)}</div> {formatPercent(initialProb)}
<div className="mx-2">→</div> <span className="mx-2">→</span>
<div>{formatPercent(resultProb)}</div> {formatPercent(resultProb)}
</Row> </div>
</Row> </Row>
<Row className="items-center justify-between gap-2 text-sm"> <Row className="items-center justify-between gap-2 text-sm">
@ -350,12 +350,12 @@ function BuyPanel(props: {
{dpmTooltip && <InfoTooltip text={dpmTooltip} />} {dpmTooltip && <InfoTooltip text={dpmTooltip} />}
</Row> </Row>
<Row className="flex-wrap items-end justify-end gap-2"> <div>
<span className="whitespace-nowrap"> <span className="mr-2 whitespace-nowrap">
{formatMoney(currentPayout)} {formatMoney(currentPayout)}
</span> </span>
<span>(+{currentReturnPercent})</span> (+{currentReturnPercent})
</Row> </div>
</Row> </Row>
</Col> </Col>
@ -459,11 +459,11 @@ export function SellPanel(props: {
<Col className="mt-3 w-full gap-3"> <Col className="mt-3 w-full gap-3">
<Row className="items-center justify-between text-sm"> <Row className="items-center justify-between text-sm">
<div className="text-gray-500">Probability</div> <div className="text-gray-500">Probability</div>
<Row> <div>
<div>{formatPercent(initialProb)}</div> {formatPercent(initialProb)}
<div className="mx-2">→</div> <span className="mx-2">→</span>
<div>{formatPercent(resultProb)}</div> {formatPercent(resultProb)}
</Row> </div>
</Row> </Row>
</Col> </Col>