diff --git a/components/currentProjectCard.jsx b/components/currentProjectCard.jsx index b8ccfc3..914d16c 100644 --- a/components/currentProjectCard.jsx +++ b/components/currentProjectCard.jsx @@ -42,7 +42,7 @@ const styles = { display: 'flex', flexDirection: 'row', backgroundColor: '#333', - padding: '16px', + padding: '25px', borderRadius: '8px', width: '100%', maxWidth: '600px', @@ -52,31 +52,37 @@ const styles = { display: 'flex', flexDirection: 'column', alignItems: 'center', - width: '100%', + flex: 1, }, projectInfo: { - marginBottom: '16px', + flex: '1 1 300px', + alignItems: 'center', + justifyContent: 'center', }, projectImage: { borderRadius: '10%', objectFit: 'cover', - width: 'auto', - height: '100%', + width: '100%', + height: 'auto', }, projectTitle: { marginTop: '16px', fontSize: '24px', fontWeight: 'bold', textAlign: 'center', + color: 'white', }, leadsInfo: { display: 'flex', flexDirection: 'column', alignItems: 'center', + justifyContent: 'center', + flex: '1 1 75px', }, leadText: { fontSize: '20px', fontWeight: 'bold', + color: 'white', }, leadsContainer: { display: 'flex', @@ -101,5 +107,6 @@ const styles = { textAlign: 'center', fontSize: '14px', fontWeight: '500', + color: 'white', }, }; diff --git a/components/projectCard.jsx b/components/projectCard.jsx index 5456639..efd8f74 100644 --- a/components/projectCard.jsx +++ b/components/projectCard.jsx @@ -3,7 +3,10 @@ import Image from "next/image"; import Icon from "@/components/icon"; export default function ProjectCard({ project, basePath }) { - const imagePath = `${basePath}/images/projects/${project.label.toLowerCase().split(" ").join("_")}.jpg`; + const imagePath = `${basePath}/images/projects/${project.label + .toLowerCase() + .split(" ") + .join("_")}.jpg`; return (
{project.label}
-

{project.label}

+

+ {project.label} +