enhanced ResearchLive project card layout: added min-height and flex properties to improve aesthetic and text alignment consistency

Signed-off-by: Matthias Puchstein <matthias@puchstein.bayern>
This commit is contained in:
2025-07-16 20:53:05 +02:00
parent 6e1de4b48f
commit 6471ffb916

View File

@@ -45,14 +45,15 @@ export default function ResearchLive() {
IconComponent = FaClipboardCheck;
}
return (<div key={project.id} className="bg-white/20 dark:bg-black/20 p-4 rounded-lg">
return (<div key={project.id}
className="bg-white/20 dark:bg-black/20 p-4 rounded-lg flex flex-col min-h-[200px]">
<div className="flex justify-center mb-3">
<div className="p-2 bg-violet-500/20 rounded-full">
<IconComponent className="text-violet-600 dark:text-violet-400" size={20}/>
</div>
</div>
<h4 className="font-bold mb-2 text-center">{project.title}</h4>
<p className="text-sm">
<p className="text-sm flex-grow">
{project.description}
</p>
<div className="mt-3 text-center">