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

Move bet payouts to the top right of the card

Browse Source
This commit is contained in:
Austin Chen 2021-12-16 01:03:41 -08:00
parent eaa9651c82
commit ec516ee41f
1 changed files with 27 additions and 24 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

51
web/components/bets-list.tsx
View File

@ -91,35 +91,38 @@ function MyContractBets(props: { contract: Contract; bets: Bet[] }) {
return ( return (
<div className="p-6 bg-white card card-body shadow-xl"> <div className="p-6 bg-white card card-body shadow-xl">
<Link href={path(contract)}> <Row>
<a> <Col className="w-2/3">
<div className="font-medium text-indigo-700 mb-1 hover:underline hover:decoration-indigo-400 hover:decoration-2"> <Link href={path(contract)}>
{contract.question} <a>
</div> <div className="font-medium text-indigo-700 mb-1 hover:underline hover:decoration-indigo-400 hover:decoration-2">
</a> {contract.question}
</Link> </div>
</a>
</Link>
<Row className="gap-2 text-gray-500 text-sm"> <Row className="gap-2 text-gray-500 text-sm">
<div>
<UserLink displayName={contract.creatorName} />
</div>
{resolution && (
<>
<div>•</div>
<div> <div>
Resolved {resolution === 'YES' && <YesLabel />} <UserLink displayName={contract.creatorName} />
{resolution === 'NO' && <NoLabel />}
{resolution === 'CANCEL' && <CancelLabel />}
</div> </div>
</> {resolution && (
)} <>
<div>•</div>
<div>
Resolved {resolution === 'YES' && <YesLabel />}
{resolution === 'NO' && <NoLabel />}
{resolution === 'CANCEL' && <CancelLabel />}
</div>
</>
)}
</Row>
</Col>
{/* Show this at the end of the flex */}
<MyBetsSummary contract={contract} bets={bets} className="ml-auto" />
</Row> </Row>
<Spacer h={6} /> <Spacer h={8} />
<MyBetsSummary contract={contract} bets={bets} />
<Spacer h={6} />
<ContractBetsTable contract={contract} bets={bets} /> <ContractBetsTable contract={contract} bets={bets} />
</div> </div>