mirror of
https://github.com/linkwarden/linkwarden.git
synced 2026-06-28 14:55:49 +00:00
25 lines
981 B
TypeScript
25 lines
981 B
TypeScript
import clsx from "clsx";
|
|
|
|
export const PreservationSkeleton = ({ className }: { className?: string }) => (
|
|
<div
|
|
className={clsx(
|
|
"p-5 m-auto w-full flex flex-col items-center gap-5 bg-base-200 justify-center",
|
|
className
|
|
)}
|
|
>
|
|
<div className="w-full mr-auto h-4 skeleton rounded-md"></div>
|
|
<div className="w-full mr-auto h-4 skeleton rounded-md"></div>
|
|
<div className="w-full mr-auto h-4 skeleton rounded-md"></div>
|
|
<div className="w-3/4 mr-auto h-4 skeleton rounded-md"></div>
|
|
<div className="w-5/6 mr-auto h-4 skeleton rounded-md"></div>
|
|
<div className="w-3/4 mr-auto h-4 skeleton rounded-md"></div>
|
|
<div className="w-full mr-auto h-4 skeleton rounded-md"></div>
|
|
<div className="w-full mr-auto h-4 skeleton rounded-md"></div>
|
|
<div className="w-5/6 mr-auto h-4 skeleton rounded-md"></div>
|
|
</div>
|
|
);
|
|
|
|
export const ImageSkeleton = () => (
|
|
<div className="w-[80%] h-[80%] bg-neutral-content rounded-xl mx-auto"></div>
|
|
);
|