urbit/developers.urbit.org
1
1
Fork 0
mirror of https://github.com/urbit/developers.urbit.org.git synced 2024-09-11 13:55:59 +03:00
Code Issues Packages Projects Releases Wiki Activity

TallCard: wrap react elements in appropriate classes

Browse Source
This commit is contained in:
Matilde Park 2022-10-10 16:29:56 -07:00
parent 3d877982a4
commit a164f8c298
1 changed files with 3 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
components/TallCard.js
View File

@ -15,10 +15,9 @@ export default function TallCard({
<div key={title} className={`bg-wall-100 rounded-xl min-h-0 `}>
<Link href={href}>
<div className="flex flex-col space-y-4 p-6 justify-center items-center h-full relative">
<img
className="rounded-lg self-center overflow-hidden border-transparent border w-full shrink-0"
src={image}
/>
<div className="rounded-lg self-center overflow-hidden border-transparent border w-full shrink-0">
{image({ className: "w-full h-full" })}
</div>
<div className={`grow-1 flex flex-col h-full w-full`}>
<h3 className="mb-2">{title}</h3>
<p>{description}</p>