up

docs/app/pages/showcase.vue

@@ -59,11 +59,24 @@ useSeoMeta({
               class="aspect-[16/9] size-full opacity-75 group-hover:opacity-100 group-hover:scale-110 duration-200 transition-[scale,opacity] pointer-events-none"
             />
 
-            <div class="absolute flex items-center px-2.5 py-0.75 gap-1 opacity-0 group-hover:opacity-100 transition-opacity duration-200 pointer-events-none bg-black/90 rounded-full">
+            <div class="absolute flex items-center gap-2">
-              <span class="text-sm text-(--ui-text-highlighted) font-medium">
+              <div class="flex items-center px-2.5 py-0.75 gap-1 opacity-0 group-hover:opacity-100 transition-opacity duration-200 pointer-events-none bg-black/90 rounded-full">
-                {{ item.name }}
+                <span class="text-sm text-(--ui-text-highlighted) font-medium">
-              </span>
+                  {{ item.name }}
-              <UIcon name="i-lucide-arrow-up-right" class="size-4 shrink-0" />
+                </span>
+                <UIcon name="i-lucide-arrow-up-right" class="size-4 shrink-0" />
+              </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="bg-black/90 rounded-full opacity-0 group-hover:opacity-100 transition-opacity duration-200 hover:bg-black/30"
+                />
+              </UTooltip>
             </div>
           </li>
         </ul>

docs/content/showcase.yml

@@ -30,6 +30,5 @@ items:
     url: https://www.juno.one/
   - name: Pallyy
     url: https://pallyy.com/
-    url: https://supersaas.dev
   - name: CareerDeck
     url: https://careerdeck.ai