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:58:05 +02:00
parent 6471ffb916
commit 38d01821b2
2 changed files with 4 additions and 4 deletions

View File

@@ -22,7 +22,7 @@ interface StudyCardProps {
export const StudyCard: React.FC<StudyCardProps> = ({study}) => {
return (
<div className="dreamy-card p-6" style={getBackgroundStyle(study.color)}>
<div className="dreamy-card p-6 flex flex-col h-full" style={getBackgroundStyle(study.color)}>
<div className="flex items-center mb-4">
<IconWithBackground
icon={<FaFlask/>}
@@ -63,7 +63,7 @@ export const StudyCard: React.FC<StudyCardProps> = ({study}) => {
</p>
<button
className={`w-full py-2 px-4 bg-${study.color}-500 hover:bg-${study.color}-600 text-white rounded-lg transition-colors`}>
className={`w-full py-2 px-4 bg-${study.color}-500 hover:bg-${study.color}-600 text-white rounded-lg transition-colors mt-auto`}>
Teilnehmen
</button>
</div>

View File

@@ -113,7 +113,7 @@ export const upcomingEvents: Event[] = [
title: "Regional Dream Conference",
location: "Ort wird noch bekanntgegeben",
type: "Konferenz",
typeColor: "blue",
typeColor: "emerald",
},
{
id: 2,
@@ -129,7 +129,7 @@ export const upcomingEvents: Event[] = [
title: "Internationale Jahreskonferenz der IASD",
location: "Ort wird noch bekanntgegeben",
type: "Konferenz",
typeColor: "rose",
typeColor: "emerald",
},
];