steffen/website
1
0
Fork 0
Code Actions Packages Releases Activity

chevron and card header styles
Some checks failed
Next.js App CI / docker (push) Failing after 3s
Details

Browse Source
This commit is contained in:
Steffen Illium
2025-09-14 23:11:33 +02:00
parent e8d7a390dd
commit 1fec385212
1 changed files with 8 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
components/list-item-research.tsx
View File

@@ -1,7 +1,8 @@
"use client"; "use client";
import { Card } from "@/components/ui/card"; import { Card, CardTitle } from "@/components/ui/card";
import { cn } from "@/lib/utils"; import { cn } from "@/lib/utils";
import { ChevronRightIcon } from "lucide-react";
import Image from "next/image"; import Image from "next/image";
import Link from "next/link"; import Link from "next/link";
import Markdown from "react-markdown"; import Markdown from "react-markdown";
@@ -55,7 +56,12 @@ export function ResearchListItem({
{/* Text Content Container (Flexible Width) */} {/* Text Content Container (Flexible Width) */}
<div className="flex flex-1 flex-col p-4"> <div className="flex flex-1 flex-col p-4">
<h3 className="font-bold text-lg">{title}</h3> <CardTitle className="mt-1 text-base flex items-center">
<span className="truncate max-w-65">{title}</span>
<ChevronRightIcon
className="size-4 shrink-0 translate-x-0 transform opacity-0 transition-all duration-300 ease-out group-hover:translate-x-1 group-hover:opacity-100"
/>
</CardTitle>
<div className="flex items-center gap-x-2 text-xs text-muted-foreground mt-1"> <div className="flex items-center gap-x-2 text-xs text-muted-foreground mt-1">
{venue && <span className="font-semibold text-primary">{venue}</span>} {venue && <span className="font-semibold text-primary">{venue}</span>}
{venue && <span>•</span>} {venue && <span>•</span>}