Giovanni/portfolio_frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

redefinition of SingleProject classes

Browse Source
This commit is contained in:
Giovanni
2025-09-03 21:54:12 +02:00
parent 7f55f3b95a
commit 8580d4b7ac
2 changed files with 17 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/SingleProject/SingleProject.jsx
+8 -8
View File
@@ -39,7 +39,7 @@ function SingleProject({ image, title, description, skills, id, nbImage, school,
return (
<div className="single-project">
<div className="single-project-left">
<div className="single-project-top">
<button onClick={() => handleChangeImage(-1)} className="arrow preview">{'<'}</button>
<img
@@ -51,9 +51,9 @@ function SingleProject({ image, title, description, skills, id, nbImage, school,
<button onClick={() => handleChangeImage(1)} className="arrow next">{'>'}</button>
</div>
<div className="single-project-right">
<div className="single-project-right-top">
<div className="single-project-right-top-title">
<div className="single-project-bottom">
<div className="single-project-bottom-header">
<div className="single-project-title-wrapper">
<div className={`single-project-line color-${color[(id-1)%color.length]}`}></div>
<h3 className="single-project-title">
{title}
@@ -65,14 +65,14 @@ function SingleProject({ image, title, description, skills, id, nbImage, school,
</h3>
</div>
{endYear === null ? (
<p className="single-project-right-top-date">{beginningYear + ' – in progress'}</p>
<p className="single-project-years">{beginningYear + ' – in progress'}</p>
) : beginningYear === endYear ? (
<p className="single-project-right-top-date">{beginningYear}</p>
<p className="single-project-years">{beginningYear}</p>
) : (
<p className="single-project-right-top-date">{beginningYear + ' – ' + endYear}</p>
<p className="single-project-years">{beginningYear + ' – ' + endYear}</p>
)}
</div>
<div className="single-project-right-bottom">
<div className="single-project-bottom-container">
<p className="single-project-description" style={{ whiteSpace: "pre-line" }}>
{description}
</p>