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