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 (
<Link href={contractPath(contract)}>
<a className={clsx('col-span-1', className)}>
<li className="bg-white hover:bg-gray-100 shadow-md rounded-lg divide-y divide-gray-200 list-none">
<div className="card">
<div className="card-body p-6">
<a
className={clsx(
'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">
<p className="font-medium text-indigo-700">{question}</p>
<ResolutionOrChance
@ -41,9 +43,6 @@ export function ContractCard(props: {
contract={contract}
showHotVolume={showHotVolume}
/>
</div>
</div>
</li>
</a>
</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">
<Title className="mt-0" text="🔥 Markets" />
<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={c2} showHotVolume />
</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={c4} showHotVolume />
</Col>