Padding on limit bets

This commit is contained in:
James Grugett 2022-07-10 12:39:27 -05:00
parent 3d250f0d3f
commit 0707e36a9b

View File

@ -23,15 +23,19 @@ export function LimitBets(props: {
) )
return ( return (
<Col className={clsx(className, 'gap-2 overflow-hidden rounded bg-white')}> <Col
className={clsx(className, 'gap-2 overflow-hidden rounded bg-white py-3')}
>
<div className="px-6 py-3 text-xl">Your limit bets</div> <div className="px-6 py-3 text-xl">Your limit bets</div>
<table className="table-compact table w-full rounded text-gray-500"> <div className="px-4">
<tbody> <table className="table-compact table w-full rounded text-gray-500">
{recentBets.map((bet) => ( <tbody>
<LimitBet key={bet.id} bet={bet} contract={contract} /> {recentBets.map((bet) => (
))} <LimitBet key={bet.id} bet={bet} contract={contract} />
</tbody> ))}
</table> </tbody>
</table>
</div>
</Col> </Col>
) )
} }