Skip to content

Commit e08716f

Browse files
feat: adds fund button skeleton
1 parent 0785e85 commit e08716f

File tree

1 file changed

+6
-4
lines changed

1 file changed

+6
-4
lines changed

app/components/Package/Skeleton.vue

Lines changed: 6 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -7,13 +7,15 @@
77
<!-- Package name -->
88
<div class="min-w-0 flex items-center gap-2 justify-between">
99
<h1 class="font-mono text-2xl sm:text-3xl font-medium">
10-
<SkeletonInline class="block! h-9 w-48" />
10+
<SkeletonInline class="block! h-10 w-48" />
1111
</h1>
1212
<div class="flex gap-1">
1313
<!-- Compare placeholder -->
14-
<SkeletonBlock class="w-9 md:w-40 h-9 rounded self-baseline" />
14+
<SkeletonBlock class="w-9 md:w-40 h-10 rounded self-baseline" />
1515
<!-- Likes button placeholder -->
16-
<SkeletonBlock class="w-14 h-9 rounded self-baseline" />
16+
<SkeletonBlock class="w-14 h-10 rounded self-baseline" />
17+
<!-- Fund link placeholder -->
18+
<SkeletonBlock class="w-18 h-10 rounded self-baseline" />
1719
</div>
1820
</div>
1921
</div>
@@ -176,7 +178,7 @@
176178
<!-- Sidebar — matches area-sidebar in [...name].vue -->
177179
<div class="area-sidebar">
178180
<div
179-
class="sticky top-30 xl:top-14 space-y-6 sm:space-y-8 min-w-0 overflow-y-auto pe-2.5 lg:(max-h-[calc(100dvh-8.5rem)] overscroll-contain) xl:(max-h-[calc(100dvh-6rem)])"
181+
class="space-y-6 sm:space-y-8 min-w-0 pe-2.5 lg:(max-h-[calc(100dvh-8.5rem)] overscroll-contain) xl:(max-h-[calc(100dvh-6rem)])"
180182
>
181183
<div class="flex flex-col gap-4 sm:gap-6 xl:pt-4">
182184
<!-- Download stats — matches CollapsibleSection + sparkline skeleton -->

0 commit comments

Comments
 (0)