fix(frontend): use flex instead of grid for campaigns page

carrot-kpi · Oct 24, 2023 · 648816d · 648816d
1 parent 3f8af7b
commit 648816d
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 5 deletions.
diff --git a/packages/frontend/src/pages/campaigns/grid/index.tsx b/packages/frontend/src/pages/campaigns/grid/index.tsx
@@ -64,11 +64,11 @@ export const Grid = ({ loading, items }: GridProps) => {
 
     return (
         <div className="flex flex-col items-center w-full">
-            <div className="space-y-12 md:space-y-16">
+            <div className="w-full space-y-12 md:space-y-16">
                 {!loading && paginatedItems.length === 0 ? (
                     <Empty />
                 ) : (
-                    <div className="grid xl:grid-cols-4 lg:grid-cols-3 md:grid-cols-2 grid-cols-1 gap-8">
+                    <div className="w-full flex flex-wrap gap-8 justify-center">
                         {loading
                             ? placeholder
                             : paginatedItems.map(

diff --git a/packages/frontend/src/pages/campaigns/index.tsx b/packages/frontend/src/pages/campaigns/index.tsx
@@ -107,7 +107,7 @@ export const Campaigns = () => {
 
     return (
         <Layout navbarBgColor="orange">
-            <div className="h-screen">
+            <div className="min-h-screen">
                 <div className="w-full relative flex flex-col items-center px-4 md:px-10 lg:px-14 xl:px-40">
                     <div className="py-16 w-full max-w-screen-2xl">
                         <Typography variant="h1">
@@ -138,7 +138,7 @@ export const Campaigns = () => {
                         toggleFilters={toggleFilters}
                     />
                     <div className="flex flex-col items-center w-full py-12 md:py-16">
-                        <div className="flex flex-wrap justify-center gap-5 lg:justify-start">
+                        <div className="w-full flex flex-wrap justify-center gap-5 lg:justify-start">
                             <Grid
                                 loading={loading}
                                 items={sortedAndfilteredKPITokens}

diff --git a/packages/frontend/src/pages/create-with-template-id/index.tsx b/packages/frontend/src/pages/create-with-template-id/index.tsx
@@ -126,7 +126,7 @@ export const CreateWithTemplateId = () => {
 
     return (
         <Layout navbarBgColor="green" noMarquee>
-            <div className="h-fit flex-grow bg-grid-light bg-left-top bg-green">
+            <div className="flex-grow bg-grid-light bg-left-top bg-green">
                 {loading || loadingPermission ? (
                     <div className="h-screen py-20 text-black flex justify-center">
                         <Loader />