diff options
Diffstat (limited to 'src/lib/brand/components')
| -rw-r--r-- | src/lib/brand/components/BrandCard.jsx | 6 |
1 files changed, 4 insertions, 2 deletions
diff --git a/src/lib/brand/components/BrandCard.jsx b/src/lib/brand/components/BrandCard.jsx index 1bcdb5ab..984a9fa6 100644 --- a/src/lib/brand/components/BrandCard.jsx +++ b/src/lib/brand/components/BrandCard.jsx @@ -1,18 +1,20 @@ import Image from '@/core/components/elements/Image/Image' import Link from '@/core/components/elements/Link/Link' +import useDevice from '@/core/hooks/useDevice' import { createSlug } from '@/core/utils/slug' const BrandCard = ({ brand }) => { + const { isMobile } = useDevice() return ( <Link href={createSlug('/shop/brands/', brand.name, brand.id)} - className='py-1 px-2 rounded border border-gray_r-6 h-12 flex justify-center items-center' + className={`py-1 px-2 rounded border border-gray_r-6 flex justify-center items-center ${isMobile ? 'h-16' : 'h-24'}`} > {brand.logo && ( <Image src={brand.logo} alt={brand.name} - className='h-full object-contain object-center' + className='h-full w-full object-contain object-center' /> )} {!brand.logo && ( |