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}) => { export const StudyCard: React.FC<StudyCardProps> = ({study}) => {
return ( 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"> <div className="flex items-center mb-4">
<IconWithBackground <IconWithBackground
icon={<FaFlask/>} icon={<FaFlask/>}
@@ -63,7 +63,7 @@ export const StudyCard: React.FC<StudyCardProps> = ({study}) => {
</p> </p>
<button <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 Teilnehmen
</button> </button>
</div> </div>

View File

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