fix(ui): skeleton design not aligned between states

MatteoGabriele · MatteoGabriele · commit fb51af056392 · 2026-03-21T12:05:36.000+01:00
diff --git a/app/components/Package/Skeleton.vue b/app/components/Package/Skeleton.vue
@@ -176,7 +176,7 @@
     <!-- Sidebar — matches area-sidebar in [...name].vue -->
     <div class="area-sidebar">
       <div
-        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)])"
+        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)])"
       >
         <div class="flex flex-col gap-4 sm:gap-6 xl:pt-4">
           <!-- Download stats — matches CollapsibleSection + sparkline skeleton -->

Original file line number	Diff line number	Diff line change
`@@ -176,7 +176,7 @@`
`176`	`176`	`<!-- Sidebar — matches area-sidebar in [...name].vue -->`
`177`	`177`	`<div class="area-sidebar">`
`178`	`178`	`<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)])"`
	`179`	`+ 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)])"`
`180`	`180`	`>`
`181`	`181`	`<div class="flex flex-col gap-4 sm:gap-6 xl:pt-4">`
`182`	`182`	`<!-- Download stats — matches CollapsibleSection + sparkline skeleton -->`