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