public
anord
read
Ledger
Why work hard when you can work easier?
Languages
Repository composition by tracked source files.
TypeScript
86%
CSS
10%
SQL
3%
Shell
1%
HTML
0%
Trace
apps/web/src/components/Skeleton.tsx
Trace helps you understand code history line by line. See who changed each line, when it changed, and which commit introduced it.
Author
Date
Commit
Line
Code
1
export function SidebarSkeleton() {
2
return (
3
<aside className="sidebar">
4
<div className="skeleton skeleton-title" />
5
<div className="skeleton-group">
6
<div className="skeleton skeleton-line" />
7
<div className="skeleton skeleton-line short" />
8
<div className="skeleton skeleton-line" />
9
</div>
10
<div className="skeleton-group">
11
<div className="skeleton skeleton-line" />
12
<div className="skeleton skeleton-line" />
13
<div className="skeleton skeleton-line short" />
14
</div>
15
</aside>
16
);
17
}
19
export function ContentSkeleton() {
20
return (
21
<section className="doc-card">
22
<div className="doc-card__header">
23
<div className="skeleton skeleton-chip" />
24
<div className="skeleton skeleton-chip short" />
25
</div>
26
<div className="skeleton skeleton-heading" />
27
<div className="skeleton skeleton-meta" />
28
<div className="skeleton-block">
29
<div className="skeleton skeleton-paragraph" />
30
<div className="skeleton skeleton-paragraph" />
31
<div className="skeleton skeleton-paragraph short" />
32
</div>
33
<div className="skeleton-block">
34
<div className="skeleton skeleton-subheading" />
35
<div className="skeleton skeleton-paragraph" />
36
<div className="skeleton skeleton-paragraph short" />
37
</div>
38
</section>
39
);
40
}