fixed skeletons

This commit is contained in:
Tejas Panchal
2025-08-10 13:01:09 +05:30
parent 11b90f5406
commit 7f86a9e8a6
11 changed files with 314 additions and 118 deletions

View File

@@ -36,11 +36,13 @@ function Search() {
setSearchParams({ keyword, page: newPage });
};
const searchGridClass = "grid-cols-8 max-[1600px]:grid-cols-6 max-[1200px]:grid-cols-4 max-[758px]:grid-cols-3 max-[478px]:grid-cols-3 max-[478px]:gap-x-2";
return (
<div className="max-w-[1260px] mx-auto px-[15px] flex flex-col mt-[64px] max-md:mt-[50px]">
<div className="max-w-[1600px] mx-auto px-[15px] flex flex-col mt-[64px] max-md:mt-[50px]">
<div className="w-full flex flex-col gap-y-8 mt-6">
{loading ? (
<CategoryCardLoader className={"max-[478px]:mt-2"} />
<CategoryCardLoader className={"max-[478px]:mt-2"} gridClass={searchGridClass} />
) : page > totalPages ? (
<div className="flex flex-col gap-y-4">
<h1 className="font-bold text-2xl text-white max-[478px]:text-[18px]">
@@ -59,7 +61,7 @@ function Search() {
data={searchData}
showViewMore={false}
className="mt-0"
cardStyle="max-[1400px]:h-[35vw]"
gridClass={searchGridClass}
/>
<div className="flex justify-center w-full mt-8">
<PageSlider