From fd2a6bcf2f17a6dbcbfb3ca04ebf2c4d66d43437 Mon Sep 17 00:00:00 2001
From: "HATEC\\SPVDEV001" <tri.susilo@altama.co.id>
Date: Tue, 28 Mar 2023 09:21:04 +0700
Subject: brand list

---
 src/lib/brand/components/Brands.jsx | 12 ++++++++----
 1 file changed, 8 insertions(+), 4 deletions(-)

(limited to 'src/lib/brand/components/Brands.jsx')

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 && (
-- 
cgit v1.2.3

