opensource/dify
2
0
Fork 0
mirror of https://github.com/langgenius/dify.git synced 2026-06-26 23:01:11 +08:00
Code Issues Packages Projects Releases Wiki Activity

style: pretty skeleton

Browse Source
This commit is contained in:
yyh 2026-06-24 17:53:28 +08:00
parent 2581267a1a
commit 6e1bfdf4ac
No known key found for this signature in database
1 changed files with 10 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
web/features/agent-v2/roster/components/agent-roster-list.tsx
View File

@ -43,19 +43,21 @@ function AgentRosterSkeleton() {
{skeletonRows.map(row => (
<div key={row} className="relative h-36.5 rounded-xl border-[0.5px] border-components-card-border bg-components-card-bg shadow-xs shadow-shadow-shadow-3">
<div className="flex items-center gap-3 pt-3.5 pr-4 pb-2 pl-3.5">
<SkeletonRectangle className="my-0 size-12 shrink-0 animate-pulse rounded-full" />
<div className="min-w-0 flex-1 space-y-2.5 py-px">
<SkeletonRectangle className="my-0 h-4 w-36 max-w-full animate-pulse rounded-md" />
<SkeletonRectangle className="my-0 h-3 w-20 max-w-full animate-pulse rounded-md" />
<SkeletonRectangle className="my-0 size-12 shrink-0 rounded-full opacity-20" />
<div className="flex min-w-0 flex-1 flex-col gap-1.5 py-1">
<SkeletonRectangle className="my-0 h-3 w-36 max-w-full rounded-md opacity-20" />
<SkeletonRectangle className="my-0 h-2 w-20 max-w-full rounded-md opacity-12" />
</div>
</div>
<div className="px-4 py-1">
<SkeletonRectangle className="my-0 h-3 w-full animate-pulse rounded-md" />
<SkeletonRectangle className="mt-2 mb-0 h-3 w-3/4 animate-pulse rounded-md" />
<div className="flex min-h-8 flex-col gap-2 py-0.5">
<SkeletonRectangle className="my-0 h-2 w-full rounded-md opacity-12" />
<SkeletonRectangle className="my-0 h-2 w-3/4 rounded-md opacity-10" />
</div>
</div>
<div className="flex items-center pt-2 pr-3 pb-3 pl-4">
<SkeletonRectangle className="my-0 h-4 w-6 animate-pulse rounded-md" />
<SkeletonRectangle className="my-0 ml-2.5 h-4 w-28 animate-pulse rounded-md" />
<SkeletonRectangle className="my-0 h-3 w-6 rounded-md opacity-12" />
<SkeletonRectangle className="my-0 ml-2.5 h-3 w-28 rounded-md opacity-10" />
</div>
</div>
))}