50f63ef000
* fix event types skeleton loader * fix margin in event types * fix skeleton loader in bookings * add skeleton loader for workflow list * add skeleton loader for editing page * fix border radius of skeleton loader * fix mobile view workflow list * add mobile view for skeleton list * make multi select full with in mobile view * mobile view for edit skeleton loader Co-authored-by: CarinaWolli <wollencarina@gmail.com> Co-authored-by: kodiakhq[bot] <49736102+kodiakhq[bot]@users.noreply.github.com>
25 lines
836 B
TypeScript
25 lines
836 B
TypeScript
import { SkeletonAvatar, SkeletonContainer, SkeletonText } from "@calcom/ui";
|
|
import { Icon } from "@calcom/ui/Icon";
|
|
|
|
function SkeletonLoader() {
|
|
return (
|
|
<SkeletonContainer>
|
|
<div className="mt-20 ml-2 md:flex">
|
|
<div className="mr-6 md:flex-none">
|
|
<SkeletonText className="h-4 w-28" />
|
|
<SkeletonText className="mt-2 mb-6 h-8 w-full md:w-64" />
|
|
<SkeletonText className="h-4 w-28" />
|
|
<SkeletonText className="mt-2 h-8 w-full md:w-64" />
|
|
<SkeletonText className="mt-8 hidden h-0.5 w-full md:block" />
|
|
<SkeletonText className="mt-8 mb-6 h-8 w-40" />
|
|
</div>
|
|
<div className="hidden flex-grow md:flex">
|
|
<SkeletonText className="h-64 w-full" />
|
|
</div>
|
|
</div>
|
|
</SkeletonContainer>
|
|
);
|
|
}
|
|
|
|
export default SkeletonLoader;
|