arthur/ui
1
0
Fork 0
mirror of https://github.com/ArthurDanjou/ui.git synced 2026-01-22 16:00:39 +01:00
Code Issues Packages Projects Releases Wiki Activity

Merge remote-tracking branch 'origin/v3' into feat/update-showcase

Browse Source
This commit is contained in:
HugoRCD
2025-04-04 17:06:31 +02:00
parent 9dc972a2a1 dfa2113db4
commit a62bf25519
18 changed files with 641 additions and 654 deletions
Download Patch File Download Diff File Expand all files Collapse all files

25
docs/app/pages/showcase.vue
View File

@@ -56,27 +56,14 @@ useSeoMeta({
:modifiers="{
position: 'top'
}"
class="aspect-[16/9] size-full opacity-75 group-hover:opacity-100 group-hover:scale-110 duration-200 transition-[scale,opacity] pointer-events-none"
class="aspect-[16/9] size-full opacity-100 group-hover:opacity-70 group-hover:scale-110 duration-200 transition-[scale,opacity] pointer-events-none"
/>
<div class="absolute flex items-center gap-2">
<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">
<span class="text-sm text-(--ui-text-highlighted) font-medium">
{{ item.name }}
</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 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-white rounded-full">
<span class="text-sm font-medium text-black">
{{ item.name }}
</span>
<UIcon name="i-lucide-arrow-up-right" class="size-4 shrink-0 text-black" />
</div>
</li>
</ul>