highperfocused/grimoire
1
0
Fork 0
mirror of https://github.com/purrgrammer/grimoire.git synced 2026-04-08 22:47:02 +02:00
Code Issues Packages Projects Releases Wiki Activity

ui: adjust spacing for quote skeletons

Browse Source
This commit is contained in:
Alejandro Gómez
2025-12-18 11:10:30 +01:00
parent 1ebd38dfd3
commit 6c6f3728c0
2 changed files with 5 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
.claude/settings.json
View File

@@ -10,7 +10,7 @@
"Bash(ls:*)",
"Bash(tree:*)",
"Bash(awk:*)",
"Bash(sed:* -n *)",
"Bash(sed:*)",
"Bash(head:*)",
"Bash(tail:*)",
"Bash(wc:*)",

8
src/components/ui/skeleton/CompactQuoteSkeleton.tsx
View File

@@ -10,18 +10,18 @@ const CompactQuoteSkeleton = React.forwardRef<
return (
<div
ref={ref}
className={`border-l-2 border-muted pl-3 space-y-2 ${className || ""}`}
className={`my-2 border-l-2 border-muted pl-3 py-1 space-y-2 ${className || ""}`}
role="status"
aria-label="Loading quoted event..."
{...props}
>
{/* Author name */}
<Skeleton variant="text" width="6rem" height={14} />
<Skeleton variant="text" width="6rem" height={16} />
{/* Quote Content: 2 lines */}
<div className="space-y-2">
<Skeleton variant="text" width="100%" height={12} />
<Skeleton variant="text" width="80%" height={12} />
<Skeleton variant="text" width="100%" height={14} />
<Skeleton variant="text" width="80%" height={14} />
</div>
</div>
);