mirror of
https://github.com/aljazceru/landscape-template.git
synced 2025-12-17 06:14:27 +01:00
15 lines
709 B
TypeScript
15 lines
709 B
TypeScript
import Skeleton from 'react-loading-skeleton'
|
|
|
|
|
|
export default function ProjectCardMiniSkeleton() {
|
|
return (
|
|
<div className="bg-gray-25 select-none px-16 py-16 flex flex-[0_0_100%] max-w-[296px] gap-16 border border-gray-200 rounded-10 items-center" >
|
|
<Skeleton circle width={64} height={64} containerClassName='flex-shrink-0' />
|
|
<div className="justify-around items-start min-w-0">
|
|
<p className="text-body4 w-full font-bold overflow-ellipsis overflow-hidden whitespace-nowrap"><Skeleton width="15ch" /></p>
|
|
<p className="text-body5 text-gray-600 font-light my-[5px]"><Skeleton width="10ch" /></p>
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|