Add Stock Manager App project with description and image

- Introduced a new project entry for the Stock Manager App in the projects data.
- Updated the Projects component to handle multi-line descriptions.
- Added a new image for the Stock Manager App.
- Replaced the link icon with a new source icon in the Projects component.
- Added new SVG icons for PostgreSQL and source.
- Updated the Prisma icon SVG file.
This commit is contained in:
aferrer committed 2025-11-12 19:29:57 +00:00
1 parent 07eaff0e65
commit cb21f91bc1
7 files changed
+50 -47

No files matched your search

+19 -17
View File
@@ -30,7 +30,13 @@ interface ProjectProps {
<h4 class="text-xl font-bold text-gray-200 mb-2">
{project.title}
</h4>
<p class="text-gray-300 text-wrap mb-4">{project.description}</p>
{project.description && (
<div class="text-gray-300 text-wrap mb-4">
{project.description.split('\n').map((line, index) => (
<p >{line}</p>
))}
</div>
)}
<div class="flex flex-wrap gap-2 mb-6">
{project.tags.map((tag: ProjectTag) => (
<span class="inline-flex items-center px-3 py-1 bg-gray-800 text-gray-300 text-sm rounded-full">
@@ -52,26 +58,22 @@ interface ProjectProps {
name="link"
class="w-6 h-6 mr-2 hover:scale-110 hover:text-gray-100 transition-transform duration-300"
data-inline="false"
fill={"bg-white"}
/>
</a>
)}
</div>
<div class="flex items-center gap-4">
{project.repoUrl && (
<a
href={project.repoUrl}
target="_blank"
rel="noopener noreferrer"
class="inline-flex items-center gap-2 text-sky-400 hover:text-sky-300 transition-colors"
>
<span
class="iconify"
data-icon="mdi:github"
data-inline="false"
/>
Source Code
</a>
<a
href={project.repoUrl}
target="_blank"
rel="noopener noreferrer"
class="inline-flex items-center gap-2 text-sky-400 hover:text-sky-300 transition-colors"
>
<Icon
name="source"
class="w-6 h-6 mr-2 hover:scale-110 hover:text-gray-100 transition-transform duration-300"
data-inline="false"
/>
</a>
)}
</div>
</div>