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

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

@ -91,6 +91,8 @@ 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">
<Row>
<Col className="w-2/3">
<Link href={path(contract)}> <Link href={path(contract)}>
<a> <a>
<div className="font-medium text-indigo-700 mb-1 hover:underline hover:decoration-indigo-400 hover:decoration-2"> <div className="font-medium text-indigo-700 mb-1 hover:underline hover:decoration-indigo-400 hover:decoration-2">
@ -114,12 +116,13 @@ function MyContractBets(props: { contract: Contract; bets: Bet[] }) {
</> </>
)} )}
</Row> </Row>
</Col>
<Spacer h={6} /> {/* Show this at the end of the flex */}
<MyBetsSummary contract={contract} bets={bets} className="ml-auto" />
</Row>
<MyBetsSummary contract={contract} bets={bets} /> <Spacer h={8} />
<Spacer h={6} />
<ContractBetsTable contract={contract} bets={bets} /> <ContractBetsTable contract={contract} bets={bets} />
</div> </div>