saulteafarmer/mkstack
1
0
Fork 0
mirror of https://gitlab.com/soapbox-pub/mkstack.git synced 2025-08-27 04:59:22 +00:00
Code Issues Packages Projects Releases Wiki Activity

Bully the robot to use skeletons instead of spinners

Browse Source
This commit is contained in:
Alex Gleason 2025-06-04 11:00:35 -05:00
parent 36e49106a6
commit 696c5ba963
No known key found for this signature in database
GPG Key ID: 7211D1F99744FBB7
1 changed files with 25 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

25
CONTEXT.md
View File

@ -433,6 +433,31 @@ The router includes automatic scroll-to-top functionality and a 404 NotFound pag
- Default connection to one Nostr relay for best performance - Default connection to one Nostr relay for best performance
- Comprehensive provider setup with NostrLoginProvider, QueryClientProvider, and custom AppProvider - Comprehensive provider setup with NostrLoginProvider, QueryClientProvider, and custom AppProvider
## Loading States
**Use skeleton loading** for structured content (feeds, profiles, forms). **Use spinners** only for buttons or short operations.
```tsx
// Skeleton example matching component structure
<Card>
<CardHeader>
<div className="flex items-center space-x-3">
<Skeleton className="h-10 w-10 rounded-full" />
<div className="space-y-1">
<Skeleton className="h-4 w-24" />
<Skeleton className="h-3 w-16" />
</div>
</div>
</CardHeader>
<CardContent>
<div className="space-y-2">
<Skeleton className="h-4 w-full" />
<Skeleton className="h-4 w-4/5" />
</div>
</CardContent>
</Card>
```
## Design Customization ## Design Customization
**Tailor the site's look and feel based on the user's specific request.** This includes: **Tailor the site's look and feel based on the user's specific request.** This includes: