public/assets/vendor/css/core.css

@@ -2553,7 +2553,7 @@ progress {
 }
 
 .table-responsive {
-  overflow-x: auto;
+  /* overflow-x: auto; */
   -webkit-overflow-scrolling: touch;
 }
 

src/assets/vendor/css/core.css

@@ -2436,7 +2436,7 @@ progress {
 }
 
 .table-responsive {
-  overflow-x: auto;
+  /* overflow-x: auto; */
   -webkit-overflow-scrolling: touch;
 }
 

src/pages/project/ProjectList.jsx

@@ -317,8 +317,8 @@ const ProjectList = () => {
 
        {listView ? (
   <div className="card cursor-pointer">
-            <div className="card-body p-2">
+    <div className="card-body p-2" style={{ minHeight: "200px" }}>
-              <div className="table-responsive text-nowrap py-2 ">
+      <div className="table-responsive text-nowrap py-2">
         <table className="table m-3">
           <thead>
             <tr>
@@ -361,14 +361,12 @@ const ProjectList = () => {
                       <li key={id}>
                         <div className="form-check">
                           <input
-                                    className="form-check-input  "
+                            className="form-check-input"
                             type="checkbox"
                             checked={selectedStatuses.includes(id)}
                             onChange={() => handleStatusChange(id)}
                           />
-                                  <label className="form-check-label">
+                          <label className="form-check-label">{label}</label>
-                                    {label}
-                                  </label>
                         </div>
                       </li>
                     ))}
@@ -384,11 +382,22 @@ const ProjectList = () => {
               </th>
             </tr>
           </thead>
-                  <tbody className="table-border-bottom-0 overflow-auto ">
+          <tbody className="table-border-bottom-0" style={{ height: "200px" }}>
             {currentItems.length === 0 ? (
               <tr>
-                        <td colSpan="12" className="text-center py-4">
+                <td
-                          No projects found
+                  colSpan="12"
+                  className="text-center"
+                  style={{
+                    verticalAlign: "middle",
+                    height: "200px",
+                    paddingTop: 0,
+                    paddingBottom: 0,
+                  }}
+                >
+                  <div className="d-flex flex-column justify-content-center align-items-center h-100">
+                    <p className="mb-0">No projects found</p>
+                  </div>
                 </td>
               </tr>
             ) : (
@@ -402,10 +411,10 @@ const ProjectList = () => {
             )}
           </tbody>
         </table>
-              </div>{" "}
-            </div>{" "}
       </div>
-        ) : (
+    </div>
+  </div>
+) : (
   <div className="row">
     {currentItems.map((project) => (
       <ProjectCard
@@ -415,9 +424,9 @@ const ProjectList = () => {
       />
     ))}
   </div>
-        )}
+)}
 
-        {!loading && totalPages > 1 && (
+{!loading && totalPages > 1 && (
   <nav>
     <ul className="pagination pagination-sm justify-content-end py-2">
       <li className={`page-item ${currentPage === 1 && "disabled"}`}>
@@ -441,11 +450,7 @@ const ProjectList = () => {
           </button>
         </li>
       ))}
-              <li
+      <li className={`page-item ${currentPage === totalPages && "disabled"}`}>
-                className={`page-item ${
-                  currentPage === totalPages && "disabled"
-                }`}
-              >
         <button
           className="page-link"
           onClick={() =>
@@ -457,7 +462,8 @@ const ProjectList = () => {
       </li>
     </ul>
   </nav>
-        )}
+)}
+
       </div>
     </>
   );