mpuchstein/REMind
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

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

Browse Source 
Signed-off-by: Matthias Puchstein <matthias@puchstein.bayern>
This commit is contained in:
Matthias Puchstein
2025-07-16 20:53:05 +02:00
parent 6e1de4b48f
commit 6471ffb916
1 changed files with 3 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
src/pages/dreamarchive/ResearchLive.tsx
View File

@@ -45,14 +45,15 @@ export default function ResearchLive() {
IconComponent = FaClipboardCheck; 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="flex justify-center mb-3">
<div className="p-2 bg-violet-500/20 rounded-full"> <div className="p-2 bg-violet-500/20 rounded-full">
<IconComponent className="text-violet-600 dark:text-violet-400" size={20}/> <IconComponent className="text-violet-600 dark:text-violet-400" size={20}/>
</div> </div>
</div> </div>
<h4 className="font-bold mb-2 text-center">{project.title}</h4> <h4 className="font-bold mb-2 text-center">{project.title}</h4>
<p className="text-sm"> <p className="text-sm flex-grow">
{project.description} {project.description}
</p> </p>
<div className="mt-3 text-center"> <div className="mt-3 text-center">