style: add fade-in transition from skeleton to content

Smooth out the jarring visual pop when loading skeletons are replaced by real content. Only animates after an actual skeleton was shown — cached data still renders instantly with no delay.
2026-03-13 12:45:48 +01:00
parent 0abc5cd4a8
commit 8c4bb8f861
12 changed files with 47 additions and 17 deletions
--- a/components/skeletons.tsx
+++ b/components/skeletons.tsx
@@ -6,7 +6,7 @@

 const SK = 'animate-pulse bg-neutral-100 dark:bg-neutral-800'

-export { useMinimumLoading } from './useMinimumLoading'
+export { useMinimumLoading, useSkeletonFade } from './useMinimumLoading'

 // ─── Primitives ──────────────────────────────────────────────