From 70d0de432e4dcbac7ffe3d11ccee3d2acb0ef318 Mon Sep 17 00:00:00 2001
From: HugoRCD <hugo.richard@epitech.eu>
Date: Thu, 3 Apr 2025 12:11:27 +0200
Subject: [PATCH] feat(showcase): add more items

---
 docs/app/pages/showcase.vue | 25 +++++++++++++++++++------
 docs/content.config.ts      |  1 +
 docs/content/showcase.yml   |  1 +
 3 files changed, 21 insertions(+), 6 deletions(-)

diff --git a/docs/app/pages/showcase.vue b/docs/app/pages/showcase.vue
index 40237b1f..0a121837 100644
--- a/docs/app/pages/showcase.vue
+++ b/docs/app/pages/showcase.vue
@@ -53,14 +53,27 @@ useSeoMeta({
               :alt="`Screenshot of ${item.name}`"
               width="311"
               height="194"
-              class="rounded-[calc(var(--ui-radius)*1.5)] group-hover:scale-103 duration-200 transition-transform pointer-events-none"
+              class="rounded-[calc(var(--ui-radius)*1.5)] group-hover:scale-103 duration-200 object-cover w-full transition-transform pointer-events-none"
             />
 
-            <div class="flex items-center gap-1 px-1">
-              <span class="font-medium text-(--ui-text-highlighted)">
-                {{ item.name }}
-              </span>
-              <UIcon name="i-lucide-arrow-right" class="size-4 flex-shrink-0 opacity-0 group-hover:opacity-100 transition-all duration-200 -translate-x-1 group-hover:translate-x-0 text-(--ui-text-muted)" />
+            <div class="flex items-center justify-between">
+              <div class="flex items-center gap-1 px-1 flex-1 min-w-0">
+                <span class="font-medium text-(--ui-text-highlighted) truncate">
+                  {{ item.name }}
+                </span>
+                <UIcon name="i-lucide-arrow-right" class="size-4 shrink-0 opacity-0 group-hover:opacity-100 transition-all duration-200 -translate-x-1 group-hover:translate-x-0 text-(--ui-text-muted)" />
+              </div>
+              <UTooltip v-if="item.github" text="Open repository" :content="{ side: 'top' }">
+                <UButton
+                  :to="item.github"
+                  icon="i-simple-icons-github"
+                  variant="ghost"
+                  color="neutral"
+                  size="xs"
+                  target="_blank"
+                  class="opacity-0 group-hover:opacity-100 transition-all duration-200"
+                />
+              </UTooltip>
             </div>
           </li>
         </ul>
diff --git a/docs/content.config.ts b/docs/content.config.ts
index 3c0dad08..6395cb52 100644
--- a/docs/content.config.ts
+++ b/docs/content.config.ts
@@ -69,6 +69,7 @@ export const collections = {
       items: z.array(z.object({
         name: z.string(),
         url: z.string(),
+        github: z.string().optional(),
         screenshotUrl: z.string().optional(),
         screenshotOptions: z.object({
           delay: z.number()
diff --git a/docs/content/showcase.yml b/docs/content/showcase.yml
index cd720bb3..a55a9850 100644
--- a/docs/content/showcase.yml
+++ b/docs/content/showcase.yml
@@ -7,6 +7,7 @@ hero:
 items:
   - name: Shelve
     url: https://shelve.cloud
+    github: https://github.com/hugorcd/shelve
   - name: Uneed
     url: https://uneed.best
   - name: Details