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

Remove 3 unnecessary DOM elements from card

Browse Source
This commit is contained in:
jahooma 2022-01-14 12:28:45 -06:00
parent 3805adff58
commit c70ec1dad3
2 changed files with 20 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -25,10 +25,12 @@ export function ContractCard(props: {
return ( return (
<Link href={contractPath(contract)}> <Link href={contractPath(contract)}>
<a className={clsx('col-span-1', className)}> <a
<li className="bg-white hover:bg-gray-100 shadow-md rounded-lg divide-y divide-gray-200 list-none"> className={clsx(
<div className="card"> 'col-span-1 bg-white hover:bg-gray-100 shadow-md rounded-lg list-none card card-body p-6',
<div className="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
@ -41,9 +43,6 @@ export function ContractCard(props: {
contract={contract} contract={contract}
showHotVolume={showHotVolume} showHotVolume={showHotVolume}
/> />
</div>
</div>
</li>
</a> </a>
</Link> </Link>
) )

4
web/pages/index.tsx
View File

@ -55,11 +55,11 @@ const HotMarkets = (props: { hotContracts: Contract[] }) => {
<div className="w-full bg-indigo-50 border-2 border-indigo-100 p-6 rounded-lg shadow-md"> <div className="w-full bg-indigo-50 border-2 border-indigo-100 p-6 rounded-lg shadow-md">
<Title className="mt-0" text="🔥 Markets" /> <Title className="mt-0" text="🔥 Markets" />
<Col className="gap-6"> <Col className="gap-6">
<Col className="md:flex-row gap-6"> <Col className="md:flex-row items-start gap-6">
<ContractCard className="flex-1" contract={c1} showHotVolume /> <ContractCard className="flex-1" contract={c1} showHotVolume />
<ContractCard className="flex-1" contract={c2} showHotVolume /> <ContractCard className="flex-1" contract={c2} showHotVolume />
</Col> </Col>
<Col className="md:flex-row gap-6"> <Col className="md:flex-row items-start gap-6">
<ContractCard className="flex-1" contract={c3} showHotVolume /> <ContractCard className="flex-1" contract={c3} showHotVolume />
<ContractCard className="flex-1" contract={c4} showHotVolume /> <ContractCard className="flex-1" contract={c4} showHotVolume />
</Col> </Col>