fix: project stats

This commit is contained in:
OLIMINATOR 2023-08-30 16:36:26 +02:00
parent a363f1ceb3
commit 56f28af300

View file

@ -63,25 +63,25 @@ PROJECTS.sort((a, b) => a.name.localeCompare(b.name));
{ {
PROJECTS.map((project) => ( PROJECTS.map((project) => (
<section class="flex min-h-max w-80 flex-col justify-between rounded-md border-[1px] border-neutral-800 bg-dark-800 p-6 md:w-96"> <section class="flex min-h-max w-80 flex-col justify-between rounded-md border-[1px] border-neutral-800 bg-dark-800 p-6 md:w-96">
<div class="flex justify-between"> <div class="flex flex-col">
<h2 class="mb-4 break-words text-3xl font-bold"> <h2 class="break-words text-3xl font-bold w-fit">
{project.name} {project.name}
</h2> </h2>
<div class="flex"> <div class="flex my-4">
<div class="ml-4 flex h-fit translate-y-1 items-center justify-center gap-2 rounded-lg bg-neutral-800 px-4 py-1 text-neutral-300"> <div class="flex h-fit translate-y-1 items-center justify-center gap-2 text-neutral-300">
<div class="flex gap-1"> <div class="flex gap-1 rounded-lg bg-neutral-800 px-4 py-1">
<img <img
src="/icons/star.svg" src="/icons/star.svg"
alt="" alt="Star Icon"
class="h-[21px] w-[21px] translate-y-[1px]" class="h-[21px] w-[21px] translate-y-[1px]"
/> />
<p>{project.stats!.stars}</p> <p>{project.stats!.stars}</p>
</div> </div>
<div class="flex gap-1"> <div class="flex gap-1 rounded-lg bg-neutral-800 px-4 py-1">
{" "} {" "}
<img <img
src="/icons/code-fork-solid.svg" src="/icons/code-fork-solid.svg"
alt="" alt="GitHub Fork Icon"
class="h-[21px] w-[21px] translate-y-[1px]" class="h-[21px] w-[21px] translate-y-[1px]"
/> />
<p>{project.stats!.forks}</p> <p>{project.stats!.forks}</p>