home page bug fix

FuelLabs · Sep 27, 2024 · 67e4f78 · 67e4f78
1 parent 043b655
commit 67e4f78
Showing 1 changed file with 7 additions and 6 deletions.
diff --git a/packages/app-explorer/src/systems/Home/components/Hero/Hero.tsx b/packages/app-explorer/src/systems/Home/components/Hero/Hero.tsx
@@ -101,14 +101,14 @@ export function Hero() {
             </div> */}
 
             <Box className={classes.searchWrapper()}>
-              <div className="row-span-2 col-span-4">
+              <div className="row-span-2 col-span-6 sm:col-span-4">
                 <LoadingWrapper
                   isLoading={isLoading}
                   loadingEl={<LoadingBox className="w-full h-[12rem]" />}
                   regularEl={<DailyTransaction blocks={dailyTsxData} />}
                 />
               </div>
-              <div className="row-span-2 col-span-3">
+              <div className="row-span-2 col-span-6 sm:col-span-3">
                 <LoadingWrapper
                   isLoading={isLoading}
                   loadingEl={<LoadingBox className="w-full h-[12rem]" />}
@@ -121,7 +121,7 @@ export function Hero() {
                   }
                 />
               </div>
-              <div className="row-span-1 col-span-5">
+              <div className="row-span-1 col-span-6 sm:col-span-5">
                 <LoadingWrapper
                   isLoading={isLoading}
                   loadingEl={<LoadingBox className="w-full h-[12rem]" />}
@@ -148,23 +148,23 @@ export function Hero() {
                   }
                 />
               </div>
-              <div className={`${'col-span-5 row-span-3'} `}>
+              <div className={`${'col-span-6 row-span-3 sm:col-span-5'} `}>
                 <LoadingWrapper
                   isLoading={isLoading}
                   loadingEl={<LoadingBox className="w-full h-full" />}
                   regularEl={<DataTable blocks={blocks.slice(0, 5)} />}
                 />
               </div>
 
-              <div className="row-span-2 col-span-4">
+              <div className="row-span-2 col-span-6 sm:col-span-4">
                 <LoadingWrapper
                   isLoading={isLoading}
                   loadingEl={<LoadingBox className="w-full h-[12rem]" />}
                   regularEl={<TPS blocks={tpsTsxData} />}
                 />
                 {/* <TPSChart /> */}
               </div>
-              <div className="row-span-2 col-span-3">
+              <div className="row-span-2 col-span-6 sm:col-span-3">
                 <LoadingWrapper
                   isLoading={isLoading}
                   loadingEl={<LoadingBox className="w-full h-[12rem]" />}
@@ -199,6 +199,7 @@ const styles = tv({
       'md:grid-cols-1 md:grid-rows-[auto,auto]',
       'lg:grid-cols-12 lg:grid-rows-[repeat(4,auto)]',
       'gap-y-5 gap-x-4',
+      'sm:grid-cols-1',
     ],
   },
 });