Compare commits
No commits in common. "425b96e9c6d51f60f3039f4e6e448a873c40af0f" and "0c2ea6f01e8bc84ae17e746afe8282ab6763255e" have entirely different histories.
425b96e9c6
...
0c2ea6f01e
|
Before Width: | Height: | Size: 1.8 MiB After Width: | Height: | Size: 1.8 MiB |
|
Before Width: | Height: | Size: 167 KiB After Width: | Height: | Size: 168 KiB |
|
Before Width: | Height: | Size: 367 KiB After Width: | Height: | Size: 368 KiB |
|
Before Width: | Height: | Size: 78 KiB After Width: | Height: | Size: 78 KiB |
|
Before Width: | Height: | Size: 765 KiB After Width: | Height: | Size: 306 KiB |
|
Before Width: | Height: | Size: 837 KiB |
|
Before Width: | Height: | Size: 74 KiB |
|
Before Width: | Height: | Size: 2.7 MiB |
|
Before Width: | Height: | Size: 3.5 MiB |
|
Before Width: | Height: | Size: 3.7 MiB |
|
Before Width: | Height: | Size: 2.7 MiB |
@ -49,7 +49,6 @@
|
||||
color: var(--text-color);
|
||||
display: flex;
|
||||
padding: 0 4%;
|
||||
gap: 5%;
|
||||
}
|
||||
|
||||
.project-details-content {
|
||||
@ -173,15 +172,11 @@ aside ul li a:hover {
|
||||
gap: 0.5em;
|
||||
}
|
||||
|
||||
.project-details-image {
|
||||
width: 100%;
|
||||
margin-bottom: 2%;
|
||||
}
|
||||
|
||||
|
||||
|
||||
@media (max-width: 480px) {
|
||||
.return-button {
|
||||
.return-button{
|
||||
top: 7em;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
@ -91,9 +91,7 @@ function ProjectDetails({project}) {
|
||||
>
|
||||
{project.long_description}
|
||||
</ReactMarkdown>
|
||||
{[...Array(project.nb_image)].map((_, i) => (
|
||||
<img src={`/assets/images/projects/${project.image_name}/${project.image_name}_${i+1}.png`} alt={project.image_name} className="project-details-image"/>
|
||||
))}
|
||||
|
||||
</div>
|
||||
<aside>
|
||||
<ul>
|
||||
|
||||