fix: skeleton

Me-d-c-truy-n · Jun 21, 2024 · 72c4d57 · 72c4d57
1 parent 659fdcc
commit 72c4d57
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 4 deletions.
diff --git a/src/components/Loading/ListNovelSkeleton.tsx b/src/components/Loading/ListNovelSkeleton.tsx
@@ -4,8 +4,8 @@ const ListNovelSkeleton = ({ children }: { children: React.ReactNode }) => {
   return (
     <div>
       {children}
-      <div className="grid grid-cols-1 gap-y-5 gap-x-5 lg:grid-cols-2">
-        {[...Array(10)].map((_, idx) => (
+      <div className="grid grid-cols-1 gap-y-5 gap-x-5 lg:grid-cols-2 2xl:grid-cols-3">
+        {[...Array(12)].map((_, idx) => (
           <BoxNovel isLoading={true} key={idx} />
         ))}
       </div>

diff --git a/src/components/Slider.tsx b/src/components/Slider.tsx
@@ -23,7 +23,7 @@ const Slider = ({ isLoading = false }: Props) => {
       {isLoading || !slider || slider.trim().length <= 0 ? (
         <Skeleton className="h-20 lg:h-48" />
       ) : (
-        <LoadingImage imageUrl={slider} name="slider" className="w-full cursor-pointer max-h-[318px]" isSlider={true} />
+        <LoadingImage imageUrl={slider} name="slider" className="w-full cursor-pointer max-h-[400px]" isSlider={true} />
       )}
     </div>
   );

diff --git a/src/layout/Layout.tsx b/src/layout/Layout.tsx
@@ -5,7 +5,7 @@ import ButtonSettings from "../components/Button/Settings/ButtonSettings";
 
 const Layout = () => {
   return (
-    <div className={`px-10 min-h-screen mx-auto relative overflow-x-hidden`}>
+    <div className={`px-0 md:px-10 min-h-screen mx-auto relative overflow-x-hidden`}>
       <Header />
       <main className="p-1">
         <Outlet />