feat: improve loading state in CarouselHero and CategorySection with ImageSkeletonIcon

This commit is contained in:
Ardeman
2025-03-20 18:22:07 +08:00
parent 33096ab7c1
commit 63bbf70bd6
3 changed files with 30 additions and 13 deletions
+1 -4
View File
@@ -77,10 +77,7 @@ export const CarouselHero = (properties: TNews) => {
<div className="embla__container hero flex sm:gap-x-8">
<Suspense
fallback={
<div
role="status"
className="embla__slide hero flex w-full min-w-0 flex-none animate-pulse justify-between gap-3 max-sm:mt-2 sm:flex"
>
<div className="embla__slide hero flex w-full min-w-0 flex-none animate-pulse justify-between gap-3 max-sm:mt-2 sm:flex">
<div className="flex aspect-[174/100] h-full items-center justify-center rounded-md bg-gray-300 dark:bg-gray-700">
<ImageSkeletonIcon />
</div>