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

Add padding too charity images (#123)

Browse Source
This commit is contained in:
Sinclair Chen 2022-05-03 08:12:42 -07:00 committed by GitHub
parent 3434b3de3f
commit 2da5423f36
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 9 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
web/components/charity/charity-card.tsx
View File

@ -19,14 +19,15 @@ export function CharityCard(props: { charity: Charity }) {
<Row className="mt-6">
{tags?.includes('Featured') && <FeaturedBadge />}
</Row>
<figure className="relative h-32 p-4">
{photo ? (
<Image src={photo} alt="" layout="fill" objectFit="contain" />
) : (
<div className="h-full w-full bg-gradient-to-r from-slate-300 to-indigo-200" />
)}
</figure>
<div className="px-8">
<figure className="relative h-32">
{photo ? (
<Image src={photo} alt="" layout="fill" objectFit="contain" />
) : (
<div className="h-full w-full bg-gradient-to-r from-slate-300 to-indigo-200" />
)}
</figure>
</div>
<div className="card-body">
{/* <h3 className="card-title line-clamp-3">{name}</h3> */}
<div className="line-clamp-4 text-sm">{preview}</div>