UI Implementation at Job List

This commit is contained in:
Kartik Sharma 2025-11-17 18:35:42 +05:30
parent 6860ba3dff
commit 088e5e0368
2 changed files with 4 additions and 4 deletions

View File

@ -105,7 +105,7 @@ const JobList = () => {
{jobGrid.map((col) => ( {jobGrid.map((col) => (
<th <th
key={col.key} key={col.key}
className={`${col.className} text-center`} className={`${col.align || "text-center"} ${col.className || ""}`}
scope="col" scope="col"
> >
<div className={col.className}>{col.label}</div> <div className={col.className}>{col.label}</div>
@ -120,14 +120,14 @@ const JobList = () => {
<tbody> <tbody>
{Array.isArray(data?.data) && data.data.length > 0 ? ( {Array.isArray(data?.data) && data.data.length > 0 ? (
data.data.map((row, i) => ( data.data.map((row, i) => (
<tr key={i}> <tr key={i} className="text-start">
{jobGrid.map((col) => ( {jobGrid.map((col) => (
<td key={col.key} className={col.className}> <td key={col.key} className={col.className}>
{col.getValue(row)} {col.getValue(row)}
</td> </td>
))} ))}
<td> <td>
<div className="dropdown"> <div className="dropdown text-center">
<button <button
className="btn btn-icon dropdown-toggle hide-arrow" className="btn btn-icon dropdown-toggle hide-arrow"
data-bs-toggle="dropdown" data-bs-toggle="dropdown"

View File

@ -57,7 +57,7 @@ const Jobs = () => {
> >
<ManageJob Job={manageJob.jobId} /> <ManageJob Job={manageJob.jobId} />
</OffcanvasComponent> </OffcanvasComponent>
<div className="card page-min-h my-2 px-4"> <div className="card page-min-h my-2 px-7">
<div className="row"> <div className="row">
<div className="col-12 py-2 d-flex justify-content-end "> <div className="col-12 py-2 d-flex justify-content-end ">
<div className="px-2"> <div className="px-2">