Merge pull request '“No images match the selected filters.” message should be displayed at the center of the page.' (#481) from Kartik_Bug#1497 into Issues_Oct_main_2W

Reviewed-on: #481
Merged

src/components/Activities/InfraPlanning.jsx

@@ -62,9 +62,13 @@ const InfraPlanning = () => {
 
   if (isFetched && (!projectInfra || projectInfra.length === 0)) {
     return (
-      <div className="text-center">
-        <p className="my-3">No Result Found</p>
+      <div
+        className="text-center d-flex justify-content-center align-items-center text-muted"
+        style={{ minHeight: "40vh", fontSize: "0.9rem" }}
+      >
+        <p className="my-3 m-0">No Result Found</p>
       </div>
+
     );
   }
 

src/components/gallary/ImageGalleryListView.jsx

@@ -30,12 +30,20 @@ const ImageGalleryListView = ({filter}) => {
 
  if (!data?.data?.length && !isLoading) {
   return (
-      <p className="text-center text-muted mt-5">
-       {selectedProject ? " No images match the selected filters.":"Please Select Project!"}
-      </p>
+    <div
+      className="d-flex justify-content-center align-items-center text-muted"
+      style={{ minHeight: "50vh" }}
+    >
+      <span style={{ fontSize: "0.9rem" }}>
+        {selectedProject
+          ? "No images match the selected filters."
+          : "Please Select Project!"}
+      </span>
+    </div>
   );
 }
 
+
   if (isLoading) {
     return (
       <div className="page-min-h d-flex justify-content-center align-items-center">

src/pages/Activities/TaskPlannng.jsx

@@ -38,7 +38,7 @@ const TaskPlanning = () => {
         ]}
       />
 
-      <div className="card py-2 ">
+      <div className="card py-2 page-min-h">
         <div className="col-sm-4 col-md-3 col-12 px-4 py-2 text-start">
           {data?.length === 0 ? (
             <p className="badge bg-label-secondary m-0">Service not assigned</p>