diff options
| author | it-fixcomart <it@fixcomart.co.id> | 2024-07-20 11:45:41 +0700 |
|---|---|---|
| committer | it-fixcomart <it@fixcomart.co.id> | 2024-07-20 11:45:41 +0700 |
| commit | d6b459b3ea396775fae25b44d34c8dc724379224 (patch) | |
| tree | 0cb15bae60b8339fbb9947c14938c758c749cedb /src/lib/home/components/CategoryDynamic.jsx | |
| parent | 911e0fdc6beb2f97c7e390a6aec5773202189d68 (diff) | |
<iman> update mobile view
Diffstat (limited to 'src/lib/home/components/CategoryDynamic.jsx')
| -rw-r--r-- | src/lib/home/components/CategoryDynamic.jsx | 14 |
1 files changed, 6 insertions, 8 deletions
diff --git a/src/lib/home/components/CategoryDynamic.jsx b/src/lib/home/components/CategoryDynamic.jsx index 4180438a..244543be 100644 --- a/src/lib/home/components/CategoryDynamic.jsx +++ b/src/lib/home/components/CategoryDynamic.jsx @@ -26,22 +26,20 @@ const CategoryDynamic = () => { return ( <div> - {/* <div className='font-semibold sm:text-h-lg mb-2 px-4 sm:px-0'>Kategori Pilihan</div> */} - {/* Render category data */} {promoItems && promoItems.map((category) => ( <div key={category.id}> <div className='bagian-judul flex flex-row justify-start items-center gap-3 mb-4 mt-4'> <div className='font-semibold sm:text-h-lg mr-2'>{category.name}</div> <p className='text-gray_r-10 text-sm'>999 rb+ Produk tersedia</p> - <Link href={createSlug('/shop/category/', category?.name, category?.category_id)} className="!text-red-500 font-semibold">Lihat Semua</Link> + <Link href={createSlug('/shop/category/', category?.name, category?.category_id)} className="!text-red-500 font-semibold">Lihat Semua</Link> </div> <div className='grid grid-cols-3 gap-2'> {category.category_id2.map((index)=> ( - <div key={index.id} className='border justify-start items-start'> + <div key={index.id} className='border rounded justify-start items-start'> <div className='p-3'> - <div className='flex flex-row border mb-2 justify-start items-center'> + <div className='flex flex-row border rounded mb-2 justify-start items-center'> <NextImage - src={index.image? index.image : "https://erp.indoteknik.com/api/image/product.template/image_256/120726?ratio=square"} + src={index.image? index.image : "/images/noimage.jpeg"} alt={index.name} width={90} height={30} @@ -56,9 +54,9 @@ const CategoryDynamic = () => { <div className='grid grid-cols-2 gap-2 overflow-y-auto max-h-[240px]' > {index.child_frontend_id_i.map((x)=> ( <div key={x.id}> - <Link href={createSlug('/shop/category/', x?.name, x?.id_level_3)} className="flex flex-row gap-2 border group hover:border-red-500"> + <Link href={createSlug('/shop/category/', x?.name, x?.id_level_3)} className="flex flex-row gap-2 border rounded group hover:border-red-500"> <NextImage - src={x.image? x.image : "https://erp.indoteknik.com/api/image/product.template/image_256/127221?ratio=square"} + src={x.image? x.image : "/images/noimage.jpeg"} alt={x.name} width={40} height={40} |