apunkt/SurfSense
1
0
Fork 0
mirror of https://github.com/MODSetter/SurfSense.git synced 2026-05-15 18:25:18 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

refactor: enhance loading skeleton UI in GenerateReport

Browse source
This commit is contained in:
Anish Sarkar 2026-03-23 02:55:35 +05:30
parent 3cee59e024
commit 74ef4bb414
1 changed files with 3 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

4
surfsense_web/components/tool-ui/generate-report.tsx
View file

@ -63,10 +63,12 @@ type GenerateReportResult = z.infer<typeof GenerateReportResultSchema>;
function ContentSkeleton() { function ContentSkeleton() {
return ( return (
<div className="space-y-2"> <div className="h-[7rem] space-y-2">
<div className="h-3 w-full rounded bg-muted/60 animate-pulse" /> <div className="h-3 w-full rounded bg-muted/60 animate-pulse" />
<div className="h-3 w-[92%] rounded bg-muted/60 animate-pulse [animation-delay:100ms]" /> <div className="h-3 w-[92%] rounded bg-muted/60 animate-pulse [animation-delay:100ms]" />
<div className="h-3 w-[75%] rounded bg-muted/60 animate-pulse [animation-delay:200ms]" /> <div className="h-3 w-[75%] rounded bg-muted/60 animate-pulse [animation-delay:200ms]" />
<div className="h-3 w-[85%] rounded bg-muted/60 animate-pulse [animation-delay:300ms]" />
<div className="h-3 w-[60%] rounded bg-muted/60 animate-pulse [animation-delay:400ms]" />
</div> </div>
); );
} }