Creepso/p-stream
1
0
Fork 0
mirror of https://github.com/p-stream/p-stream.git synced 2026-04-19 13:42:05 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

update more content skeletons

Browse source
This commit is contained in:
Pas 2025-06-04 15:39:53 -06:00
parent 62ff46b191
commit 33d6daba25
1 changed files with 10 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

15
src/pages/discover/MoreContent.tsx
View file

@ -182,13 +182,18 @@ export function MoreContent({ onShowDetails }: MoreContentProps) {
<SubPageLayout>
<WideContainer>
<div className="animate-pulse">
<div className="h-8 bg-gray-700 rounded w-1/4 mb-8" />
<div className="h-8 bg-mediaCard-hoverBackground rounded w-1/4 mb-8" />
<MediaGrid>
{Array.from({ length: 20 }).map(() => (
{Array.from({ length: 20 }).map((_, i) => (
<div
key={crypto.randomUUID()}
className="aspect-[2/3] bg-gray-700 rounded-lg"
/>
key={`loading-skeleton-${Math.random().toString(36).substring(7)}`}
className="relative group cursor-default user-select-none rounded-xl p-2 bg-transparent"
>
<div className="animate-pulse">
<div className="w-full aspect-[2/3] bg-mediaCard-hoverBackground rounded-lg" />
<div className="mt-2 h-4 bg-mediaCard-hoverBackground rounded w-3/4" />
</div>
</div>
))}
</MediaGrid>
</div>