mirror of
https://github.com/makeplane/plane
synced 2024-06-14 14:31:34 +00:00
25 lines
1.1 KiB
TypeScript
25 lines
1.1 KiB
TypeScript
|
import React from "react";
|
||
|
|
|
||
|
|
export const InboxSidebarLoader = () => (
|
||
|
|
<div className="h-full w-[340px] border-r border-custom-border-300">
|
||
|
|
<div className="flex-shrink-0 w-full h-[50px] relative flex justify-between items-center gap-2 p-2 px-3 border-b border-custom-border-300">
|
||
|
|
<span className="h-6 w-16 bg-custom-background-80 rounded" />
|
||
|
|
<span className="h-6 w-16 bg-custom-background-80 rounded" />
|
||
|
|
</div>
|
||
|
|
<div className="flex flex-col">
|
||
|
|
{[...Array(6)].map(() => (
|
||
|
|
<div className="flex flex-col gap-3 h-[5rem]space-y-3 border-b border-custom-border-200 px-4 py-2">
|
||
|
|
<div className="flex items-center justify-between gap-3">
|
||
|
|
<span className="h-5 w-20 bg-custom-background-80 rounded" />
|
||
|
|
<span className="h-5 w-16 bg-custom-background-80 rounded" />
|
||
|
|
</div>
|
||
|
|
<div className="flex items-center gap-3">
|
||
|
|
<span className="h-5 w-5 bg-custom-background-80 rounded" />
|
||
|
|
<span className="h-5 w-16 bg-custom-background-80 rounded" />
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
))}
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
);
|