diff options
| author | Rafi Zadanly <zadanlyr@gmail.com> | 2023-02-22 23:36:47 +0700 |
|---|---|---|
| committer | Rafi Zadanly <zadanlyr@gmail.com> | 2023-02-22 23:36:47 +0700 |
| commit | ac3fdf7be9982e65d8f83a20bc487f8dd62e3bfc (patch) | |
| tree | 687d984708708833999c9b83f1e74e32cf64b1c1 /src/core/components/elements/Skeleton | |
| parent | 8cfb615556e67408d7afb6d9694b2407447085ff (diff) | |
fix
Diffstat (limited to 'src/core/components/elements/Skeleton')
3 files changed, 16 insertions, 4 deletions
diff --git a/src/core/components/elements/Skeleton/BrandSkeleton.jsx b/src/core/components/elements/Skeleton/BrandSkeleton.jsx index 9a7a51f9..9a34fb9b 100644 --- a/src/core/components/elements/Skeleton/BrandSkeleton.jsx +++ b/src/core/components/elements/Skeleton/BrandSkeleton.jsx @@ -1,5 +1,8 @@ const BrandSkeleton = () => ( - <div role='status' className='animate-pulse'> + <div + role='status' + className='animate-pulse' + > <div className='h-12 bg-gray-200 rounded'></div> <span className='sr-only'>Loading...</span> </div> diff --git a/src/core/components/elements/Skeleton/ImageSkeleton.jsx b/src/core/components/elements/Skeleton/ImageSkeleton.jsx index 2ca6b2a3..39d06331 100644 --- a/src/core/components/elements/Skeleton/ImageSkeleton.jsx +++ b/src/core/components/elements/Skeleton/ImageSkeleton.jsx @@ -1,6 +1,12 @@ const ImageSkeleton = () => ( - <div role='status' className='animate-pulse'> - <div className='flex items-center justify-center h-56 mb-4 bg-gray-300 rounded' aria-busy> + <div + role='status' + className='animate-pulse' + > + <div + className='flex items-center justify-center h-56 mb-4 bg-gray-300 rounded' + aria-busy + > <svg className='w-12 h-12 text-gray-200' xmlns='http://www.w3.org/2000/svg' diff --git a/src/core/components/elements/Skeleton/ProductCardSkeleton.jsx b/src/core/components/elements/Skeleton/ProductCardSkeleton.jsx index 84d1c0d1..ddc0d3bc 100644 --- a/src/core/components/elements/Skeleton/ProductCardSkeleton.jsx +++ b/src/core/components/elements/Skeleton/ProductCardSkeleton.jsx @@ -3,7 +3,10 @@ const ProductCardSkeleton = () => ( role='status' className='p-4 max-w-sm rounded border border-gray-300 shadow animate-pulse md:p-6' > - <div className='flex items-center justify-center h-36 mb-4 bg-gray-300 rounded' aria-busy> + <div + className='flex items-center justify-center h-36 mb-4 bg-gray-300 rounded' + aria-busy + > <svg className='w-12 h-12 text-gray-200' xmlns='http://www.w3.org/2000/svg' |