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:
1 parent
07eaff0e65
commit
cb21f91bc1
7 files changed
+50
-47
No files matched your search
@@ -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>
|
||||
|
||||
Reference in new issue
Block a user