diff options
Diffstat (limited to 'src/lib/brand/components/Brands.jsx')
| -rw-r--r-- | src/lib/brand/components/Brands.jsx | 12 |
1 files changed, 8 insertions, 4 deletions
diff --git a/src/lib/brand/components/Brands.jsx b/src/lib/brand/components/Brands.jsx index 22f47975..777e05ac 100644 --- a/src/lib/brand/components/Brands.jsx +++ b/src/lib/brand/components/Brands.jsx @@ -1,5 +1,7 @@ import odooApi from '@/core/api/odooApi' import Spinner from '@/core/components/elements/Spinner/Spinner' +import DesktopView from '@/core/components/views/DesktopView' +import MobileView from '@/core/components/views/MobileView' import { useCallback, useEffect, useState } from 'react' import BrandCard from './BrandCard' @@ -37,9 +39,11 @@ const Brands = () => { if (isLoading) { return ( - <div className='flex justify-center my-4'> - <Spinner className='w-6 text-gray_r-12/50 fill-gray_r-12' /> - </div> + <> + <div className='container flex justify-center my-4'> + <Spinner className='w-6 text-gray_r-12/50 fill-gray_r-12 md:w-20 md:mt-28' /> + </div> + </> ) } @@ -62,7 +66,7 @@ const Brands = () => { ))} </div> - <div className='grid grid-cols-4 gap-4 mt-4 !overflow-x-hidden'> + <div className='grid grid-cols-4 gap-4 mt-4 md:grid-cols-7 !overflow-x-hidden'> {manufactures?.map( (manufacture, index) => manufacture.name && ( |