plane/web/components/ui/loader/layouts/project-inbox/inbox-layout-loader.tsx
2024-02-22 14:47:12 +05:30

27 lines
863 B
TypeScript

import React from "react";
// ui
import { InboxSidebarLoader } from "./inbox-sidebar-loader";
import { Loader } from "@plane/ui";
export const InboxLayoutLoader = () => (
<div className="relative flex h-full overflow-hidden">
<InboxSidebarLoader />
<div className="w-full">
<Loader className="flex h-full gap-5 p-5">
<div className="basis-2/3 space-y-2">
<Loader.Item height="30px" width="40%" />
<Loader.Item height="15px" width="60%" />
<Loader.Item height="15px" width="60%" />
<Loader.Item height="15px" width="40%" />
</div>
<div className="basis-1/3 space-y-3">
<Loader.Item height="30px" />
<Loader.Item height="30px" />
<Loader.Item height="30px" />
<Loader.Item height="30px" />
</div>
</Loader>
</div>
</div>
);