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

Improve card style flashing on load

Browse Source
This commit is contained in:
jahooma 2022-01-14 16:59:14 -06:00
parent 78b27ee964
commit 1af03bc53d
1 changed files with 20 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -24,13 +24,10 @@ export function ContractCard(props: {
const { probPercent } = contractMetrics(contract) const { probPercent } = contractMetrics(contract)
return ( return (
<div className={className}>
<Link href={contractPath(contract)}> <Link href={contractPath(contract)}>
<a <a>
className={clsx( <div className="bg-white hover:bg-gray-100 shadow-md rounded-lg p-6">
'col-span-1 bg-white hover:bg-gray-100 shadow-md rounded-lg list-none card card-body p-6',
className
)}
>
<Row className="justify-between gap-4 mb-2"> <Row className="justify-between gap-4 mb-2">
<p className="font-medium text-indigo-700">{question}</p> <p className="font-medium text-indigo-700">{question}</p>
<ResolutionOrChance <ResolutionOrChance
@ -43,8 +40,10 @@ export function ContractCard(props: {
contract={contract} contract={contract}
showHotVolume={showHotVolume} showHotVolume={showHotVolume}
/> />
</div>
</a> </a>
</Link> </Link>
</div>
) )
} }