@@ -4,23 +4,25 @@ export default function IndexCard({ slug, feat }) {
44 return (
55 <Link href={slug}>
66 <div className="cursor-pointer bg-wall-100 rounded-xl min-h-0 flex-1">
7− <div className="flex flex-col p-4 justify-between items-between h-full relative">
7+ <div className="flex flex-col p-4 h-full relative">
88 {feat.image ? (
9− <img
10− className="rounded-xl w-full flex-1 object-cover"
11− src={feat.image}
12− style={{ aspectRatio: "4 / 3" }}
13− />
9+ <div
10+ className="rounded-xl object-cover overflow-hidden basis-1/3"
11+ style={{
12+ backgroundColor: feat?.matchedPost?.bgColor || "rgba(0,0,0,0)",
13+ }}
14+ >
15+ <img className="h-full w-full object-cover" src={feat.image} />
16+ </div>
1417 ) : (
1518 <div
16− className="rounded-xl w-full flex-1"
19+ className="rounded-xl w-full"
1720 style={{
18− aspectRatio: "4 / 3",
1921 backgroundColor: feat?.matchedPost?.bgColor || "rgba(0,0,0,0)",
2022 }}
2123 />
2224 )}
23− <div className="grow-1 shrink-0 flex flex-col h-full min-h-0 pt-4">
25+ <div className="pt-4">
2426 <p className="mb-2 font-semibold leading-5">{feat.title}</p>
2527 {badge(feat.type)}
2628 <p className="text-sm leading-5">{feat?.description}</p>