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

Bring back cards having different heights in a row

Browse Source
This commit is contained in:
jahooma 2022-01-18 16:55:39 -06:00
parent d3031e0f10
commit ee64c4e923
1 changed files with 23 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

44
web/components/contract-card.tsx
View File

@ -26,28 +26,30 @@ export function ContractCard(props: {
const { probPercent } = contractMetrics(contract) const { probPercent } = contractMetrics(contract)
return ( return (
<div <div>
className={clsx( <div
'bg-white hover:bg-gray-100 shadow-md rounded-lg p-6 relative', className={clsx(
className 'bg-white hover:bg-gray-100 shadow-md rounded-lg p-6 relative',
)} className
> )}
<Link href={contractPath(contract)}> >
<a className="absolute left-0 right-0 top-0 bottom-0" /> <Link href={contractPath(contract)}>
</Link> <a className="absolute left-0 right-0 top-0 bottom-0" />
<Row className="justify-between gap-4 mb-2"> </Link>
<p className="font-medium text-indigo-700">{question}</p> <Row className="justify-between gap-4 mb-2">
<ResolutionOrChance <p className="font-medium text-indigo-700">{question}</p>
className="items-center" <ResolutionOrChance
resolution={resolution} className="items-center"
probPercent={probPercent} resolution={resolution}
probPercent={probPercent}
/>
</Row>
<AbbrContractDetails
contract={contract}
showHotVolume={showHotVolume}
showCloseTime={showCloseTime}
/> />
</Row> </div>
<AbbrContractDetails
contract={contract}
showHotVolume={showHotVolume}
showCloseTime={showCloseTime}
/>
</div> </div>
) )
} }