fix: fix layout shift in search page

rango-exchange · Jan 18, 2025 · d540eb7 · d540eb7
1 parent abd24ff
commit d540eb7
Showing 1 changed file with 2 additions and 1 deletion.
diff --git a/src/components/common/Table/TableLoading.tsx b/src/components/common/Table/TableLoading.tsx
@@ -3,6 +3,7 @@ import TableHead from './TableHead';
 import { Skeleton } from '../Skeleton';
 import Link from 'next/link';
 import { TableLoadingProps } from './Table.type';
+import isMobile from 'is-mobile';
 
 function TableLoading(props: TableLoadingProps) {
   const id = useId();
@@ -15,7 +16,7 @@ function TableLoading(props: TableLoadingProps) {
             {title}
           </h2>
           <div className="text-12 md:text-16 text-neutral-800">
-            <Skeleton width={300} height={10} />
+            <Skeleton width={300} height={isMobile() ? 18 : 24} />
           </div>
         </div>
         <div className="md:mt-25">