Move bet payouts to the top right of the card

This commit is contained in:
Austin Chen 2021-12-16 01:03:41 -08:00
parent eaa9651c82
commit ec516ee41f

View File

@ -91,6 +91,8 @@ function MyContractBets(props: { contract: Contract; bets: Bet[] }) {
return (
<div className="p-6 bg-white card card-body shadow-xl">
<Row>
<Col className="w-2/3">
<Link href={path(contract)}>
<a>
<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>
</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={6} />
<Spacer h={8} />
<ContractBetsTable contract={contract} bets={bets} />
</div>