mirror of
https://github.com/gabehf/Koito.git
synced 2026-03-15 18:35:55 -07:00
chore: initial public commit
This commit is contained in:
commit
fc9054b78c
250 changed files with 32809 additions and 0 deletions
20
client/app/components/skeletons/TopListSkeleton.tsx
Normal file
20
client/app/components/skeletons/TopListSkeleton.tsx
Normal file
|
|
@ -0,0 +1,20 @@
|
|||
interface Props {
|
||||
numItems: number
|
||||
}
|
||||
|
||||
export default function TopListSkeleton({ numItems }: Props) {
|
||||
|
||||
return (
|
||||
<div className="w-[300px]">
|
||||
{[...Array(numItems)].map(() => (
|
||||
<div className="flex items-center gap-2 mb-[4px]">
|
||||
<div className="w-[40px] h-[40px] bg-(--color-bg-tertiary) rounded"></div>
|
||||
<div>
|
||||
<div className="h-[14px] w-[150px] bg-(--color-bg-tertiary) rounded"></div>
|
||||
<div className="h-[12px] w-[60px] bg-(--color-bg-tertiary) rounded"></div>
|
||||
</div>
|
||||
</div>
|
||||
))}
|
||||
</div>
|
||||
)
|
||||
}
|
||||
Loading…
Add table
Add a link
Reference in a new issue