Make list of contract's bets be a card. Underline contract question as a link.

This commit is contained in:
jahooma 2021-12-15 23:10:31 -06:00
parent 81d3c09e60
commit 5565bc5455

View File

@ -90,12 +90,14 @@ function MyContractBets(props: { contract: Contract; bets: Bet[] }) {
const { resolution } = contract const { resolution } = contract
return ( return (
<div className="px-4"> <div className="p-6 bg-white card card-body shadow-xl ">
<Link href={path(contract)}> <Link href={path(contract)}>
<a> <a>
<div className="font-medium text-indigo-700 mb-1"> <div className="font-medium text-indigo-700 mb-1 hover:underline hover:decoration-indigo-400 hover:decoration-2">
{contract.question} {contract.question}
</div> </div>
</a>
</Link>
<Row className="gap-2 text-gray-500 text-sm"> <Row className="gap-2 text-gray-500 text-sm">
<div> <div>
@ -112,8 +114,6 @@ function MyContractBets(props: { contract: Contract; bets: Bet[] }) {
</> </>
)} )}
</Row> </Row>
</a>
</Link>
<Spacer h={6} /> <Spacer h={6} />