pstream is dead; long live pstream
taciturnaxolotl.github.io/pstream-ng/
update featured skeleton
+9
-9
+9
-9
src/pages/discover/components/FeaturedCarousel.tsx
+9
-9
src/pages/discover/components/FeaturedCarousel.tsx
···
67
67
>
68
68
<div className="relative w-full h-full overflow-hidden">
69
69
<div
70
-
className="absolute inset-0 bg-gray-800"
70
+
className="absolute inset-0 bg-gray-900"
71
71
style={{
72
72
maskImage:
73
73
"linear-gradient(to top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 1) 500px)",
···
79
79
80
80
{/* Navigation Buttons Skeleton */}
81
81
<div className="absolute left-4 top-1/2 -translate-y-1/2 z-20 p-2 rounded-full bg-black/30">
82
-
<div className="w-8 h-8 bg-gray-600 rounded-full animate-pulse" />
82
+
<div className="w-8 h-8 bg-gray-900 rounded-full animate-pulse" />
83
83
</div>
84
84
<div className="absolute right-4 top-1/2 -translate-y-1/2 z-20 p-2 rounded-full bg-black/30">
85
-
<div className="w-8 h-8 bg-gray-600 rounded-full animate-pulse" />
85
+
<div className="w-8 h-8 bg-gray-900 rounded-full animate-pulse" />
86
86
</div>
87
87
88
88
{/* Navigation Dots Skeleton */}
···
90
90
{[1, 2, 3, 4, 5, 6, 7, 8, 9, 10].map((i) => (
91
91
<div
92
92
key={i}
93
-
className="w-2.5 h-2.5 rounded-full bg-gray-600 animate-pulse"
93
+
className="w-2.5 h-2.5 rounded-full bg-gray-900 animate-pulse"
94
94
/>
95
95
))}
96
96
</div>
···
99
99
<div className="absolute inset-0 flex items-end pb-20 z-10">
100
100
<div className="container mx-auto px-8 md:px-4">
101
101
<div className="max-w-3xl">
102
-
<div className="h-12 w-48 bg-gray-600 rounded animate-pulse mb-6" />
102
+
<div className="h-12 w-48 bg-gray-900 rounded animate-pulse mb-6" />
103
103
<div className="space-y-2 mb-6">
104
-
<div className="h-4 bg-gray-600 rounded animate-pulse w-3/4" />
105
-
<div className="h-4 bg-gray-600 rounded animate-pulse w-1/2" />
104
+
<div className="h-4 bg-gray-900 rounded animate-pulse w-3/4" />
105
+
<div className="h-4 bg-gray-900 rounded animate-pulse w-1/2" />
106
106
</div>
107
107
<div className="flex gap-4 justify-center items-center sm:justify-start">
108
-
<div className="h-10 w-32 bg-gray-600 rounded animate-pulse" />
109
-
<div className="h-10 w-32 bg-gray-600 rounded animate-pulse" />
108
+
<div className="h-10 w-32 bg-gray-900 rounded animate-pulse" />
109
+
<div className="h-10 w-32 bg-gray-900 rounded animate-pulse" />
110
110
</div>
111
111
</div>
112
112
</div>