Try to fix flashing css grid #2

This commit is contained in:
jahooma 2022-01-13 17:08:12 -06:00
parent ea342248de
commit 974d41434e
2 changed files with 3 additions and 3 deletions

View File

@ -24,8 +24,8 @@ export function ContractCard(props: {
return ( return (
<Link href={contractPath(contract)}> <Link href={contractPath(contract)}>
<a> <a className="col-span-1">
<li className="col-span-1 bg-white hover:bg-gray-100 shadow-md rounded-lg divide-y divide-gray-200"> <li className="bg-white hover:bg-gray-100 shadow-md rounded-lg divide-y divide-gray-200">
<div className="card"> <div className="card">
<div className="card-body p-6"> <div className="card-body p-6">
<Row className="justify-between gap-4 mb-2"> <Row className="justify-between gap-4 mb-2">

View File

@ -42,7 +42,7 @@ export function ContractsGrid(props: {
} }
return ( return (
<ul role="list" className="w-full grid grid-cols-1 gap-6 md:grid-cols-2"> <ul className="w-full grid grid-cols-1 gap-6 md:grid-cols-2">
{contracts.map((contract) => ( {contracts.map((contract) => (
<ContractCard <ContractCard
contract={contract} contract={contract}