diff options
| -rw-r--r-- | src/pages/shop/brands.js | 4 |
1 files changed, 2 insertions, 2 deletions
diff --git a/src/pages/shop/brands.js b/src/pages/shop/brands.js index 07ad1f43..797843ee 100644 --- a/src/pages/shop/brands.js +++ b/src/pages/shop/brands.js @@ -31,7 +31,7 @@ export default function Brands({ initialManufactures }) { dataLength={manufactures.length} next={getMoreManufactures} hasMore={hasMoreManufacture} - className="grid grid-cols-3 gap-4 mt-4 !overflow-x-hidden bg-white" + className="grid grid-cols-3 gap-4 mt-4 !overflow-x-hidden" loader={ <div className="flex justify-center items-center border border-gray-300 p-1 rounded h-14"> <Spinner className="w-6 h-6 text-gray-600 fill-gray-900"/> @@ -40,7 +40,7 @@ export default function Brands({ initialManufactures }) { > {manufactures?.map((manufacture, index) => ( manufacture.name ? ( - <Link href={`/shop/brands/${createSlug(manufacture.name, manufacture.id)}`} className="flex justify-center items-center border border-gray-300 p-1 rounded h-16 text-gray-800 text-sm text-center" key={index}> + <Link href={`/shop/brands/${createSlug(manufacture.name, manufacture.id)}`} className="flex justify-center items-center border border-gray-300 p-1 rounded h-16 text-gray-800 text-sm text-center bg-white" key={index}> {manufacture.logo ? ( <LazyLoadImage effect="blur" src={manufacture.logo} alt={manufacture.name || ''} className="w-full max-h-full object-contain object-center" /> ) : manufacture.name} |