From 689275464b996d3afcb4292571ce67873f8f8832 Mon Sep 17 00:00:00 2001
From: IloveNooodles <mgarebaldhie80@gmail.com>
Date: Fri, 19 Aug 2022 13:34:16 +0700
Subject: [PATCH] fix: adding classname and remove div

---
 src/pages/Catalogue/Catalogue.tsx | 56 +++++++++++++++----------------
 src/pages/Homepage/Homepage.tsx   |  2 +-
 2 files changed, 28 insertions(+), 30 deletions(-)

diff --git a/src/pages/Catalogue/Catalogue.tsx b/src/pages/Catalogue/Catalogue.tsx
index 797393e..461c934 100755
--- 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
index a922774..e8007ad 100755
--- 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}