fix: adding classname and remove div

KATITB22 · Aug 19, 2022 · 6892754 · 6892754
1 parent 2b76077
commit 6892754
Show file tree

Hide file tree

Showing 2 changed files with 28 additions and 30 deletions.
diff --git a/src/pages/Catalogue/Catalogue.tsx b/src/pages/Catalogue/Catalogue.tsx
@@ -23,35 +23,33 @@ const Catalogue: React.FC<{}> = () => {
     document.title = 'Catalogue - DEVA: Blog OSKM ITB 2022';
 
     return (
-        <div>
-            <div className="bg-gradient-to-b from-DarkOrange to-MediumBrown min-h-screen relative z-10">
-                <VistockHome />
-                <div className="container max-w-[92.5vw] xl:max-w-screen-xl mx-auto">
-                    <p className="text-4xl md:text-h3 font-Heading font-bold mb-2 text-center pt-10">
-                        {CATALOGUE_TITLE}
-                    </p>
-                    <div className="py-10">
-                        <div className="container max-w-max xl:max-w-screen-xl mx-auto">
-                            <div className="flex justify-center relative pt-9">
-                                <div className="bg-LightBrown absolute top-0 right-[10%] lg:right-[14%] rounded-md flex flex-row justify-between items-center self-center w-44 h-10">
-                                    <Pagination
-                                        pagination={{
-                                            pages: Math.ceil(
-                                                data.length / LIMIT_CATALOGUE
-                                            ),
-                                            page: 0,
-                                            limit: 0,
-                                            prev: 0,
-                                            next: 0,
-                                            total: 0,
-                                        }}
-                                        page={currentPage}
-                                        setPage={setCurrentPage}
-                                    />
-                                </div>
-                                <div className="grid place-items-stretch xl:grid-cols-3 lg:grid-cols-2 md:grid-cols-2 sm:grid-cols-1 gap-6 bg-LightBrown py-6 px-6 rounded-lg">
-                                    {merchs}
-                                </div>
+        <div className="bg-gradient-to-b from-DarkOrange to-MediumBrown min-h-screen relative z-10">
+            <VistockHome />
+            <div className="container max-w-[92.5vw] xl:max-w-screen-xl mx-auto">
+                <p className="text-4xl md:text-h3 font-Heading font-bold mb-2 text-center pt-10">
+                    {CATALOGUE_TITLE}
+                </p>
+                <div className="py-10">
+                    <div className="container max-w-max xl:max-w-screen-xl mx-auto">
+                        <div className="flex justify-center relative pt-9">
+                            <div className="bg-LightBrown absolute top-0 right-[10%] lg:right-[14%] rounded-md flex flex-row justify-between items-center self-center w-44 h-10">
+                                <Pagination
+                                    pagination={{
+                                        pages: Math.ceil(
+                                            data.length / LIMIT_CATALOGUE
+                                        ),
+                                        page: 0,
+                                        limit: 0,
+                                        prev: 0,
+                                        next: 0,
+                                        total: 0,
+                                    }}
+                                    page={currentPage}
+                                    setPage={setCurrentPage}
+                                />
+                            </div>
+                            <div className="grid place-items-stretch xl:grid-cols-3 lg:grid-cols-2 md:grid-cols-2 sm:grid-cols-1 gap-6 bg-LightBrown py-6 px-6 rounded-lg">
+                                {merchs}
                             </div>
                         </div>
                     </div>

diff --git a/src/pages/Homepage/Homepage.tsx b/src/pages/Homepage/Homepage.tsx
@@ -59,7 +59,7 @@ const Homepage: React.FC<{}> = () => {
     }
 
     return (
-        <div>
+        <div className="min-h-content">
             <div className="bg-[#FF8952]">
                 <img
                     src={VistockAnnoucement}