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:
@@ -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>
|
||||
|
@@ -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",
|
||||
},
|
||||
];
|
||||
|
||||
|
Reference in New Issue
Block a user