git.iko.soy/urbit.org
on master help sign in
urbit.org/components/HighlightCard.js
22 lines 834 B history raw
1import Link from "next/link";
2export default function HighlightCard({ slug, highlight }) {
3 return (
4 <Link href={highlight.url}>
5 <div className="cursor-pointer bg-wall-100 rounded-xl min-h-0 flex-1">
6 <div className="flex flex-col p-4 h-full relative">
7 {highlight.image ? (
8 <div className="w-64 md:w-full rounded-xl object-cover overflow-hidden basis-3/5">
9 <img className="h-full w-64 md:w-full object-cover" src={highlight.image} />
10 </div>
11 ) : (
12 <div className="rounded-xl w-full"/>
13 )}
14 <div className="pt-4">
15 <p className="mb-2 font-semibold leading-5">{highlight.title}</p>
16 <p className="text-sm leading-5">{highlight?.description}</p>
17 </div>
18 </div>
19 </div>
20 </Link>
21 );