diff options
Diffstat (limited to 'src/pages')
| -rw-r--r-- | src/pages/shop/brands.js | 4 | ||||
| -rw-r--r-- | src/pages/shop/product/[slug].js | 2 |
2 files changed, 3 insertions, 3 deletions
diff --git a/src/pages/shop/brands.js b/src/pages/shop/brands.js index f39839af..07ad1f43 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" + className="grid grid-cols-3 gap-4 mt-4 !overflow-x-hidden bg-white" 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-14 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" 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} diff --git a/src/pages/shop/product/[slug].js b/src/pages/shop/product/[slug].js index bcbebbdf..a42e6cb9 100644 --- a/src/pages/shop/product/[slug].js +++ b/src/pages/shop/product/[slug].js @@ -82,7 +82,7 @@ export default function ProductDetail({product}) { <Header title={`${product.name} - Indoteknik`}/> <main> - <LazyLoadImage effect="blur" src={product.image} alt={product.name} className="border-b border-gray-300 w-full h-[300px] object-contain object-center" /> + <LazyLoadImage effect="blur" src={product.image} alt={product.name} className="border-b border-gray-300 w-full h-[300px] object-contain object-center bg-white" /> <div className="p-4 pb-10"> <Link href={'/shop/brands/' + createSlug(product.manufacture.name, product.manufacture.id)}> {product.manufacture.name ?? '-'} |