WrenchBoard/Users-Wrench
3
0
Fork 0
Code Issues Pull Requests Releases Activity

Merge branch 'table_horizontal_scroll' of WrenchBoard/Users-Wrench into master

Browse Source
This commit is contained in:
Olusesan Ameye
2023-05-11 11:00:38 +00:00
committed by Gogs
parent edf8f2ba8d 8aa1e06592
commit bce3d1adea
4 changed files with 27 additions and 1046 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/History/HistoryTable.jsx
+19 -1038
View File
File diff suppressed because it is too large Load Diff
src/components/MyActiveJobs/MyActiveJobTable.jsx
+2 -2
View File
@@ -34,7 +34,7 @@ export default function MyActiveJobTable({MyJobList, className }) {
<div className="relative w-full overflow-x-auto sm:rounded-lg flex flex-col justify-between h-full">
<table className="w-full text-sm text-left text-gray-500 dark:text-gray-400">
<tbody>
{/*<tr className="text-base text-thin-light-gray whitespace-nowrap border-b dark:border-[#5356fb29] default-border-b dark:border-[#5356fb29] ottom ">*/}
{/*<tr className="text-base text-thin-light-gray border-b dark:border-[#5356fb29] default-border-b dark:border-[#5356fb29] ottom ">*/}
{/* <td className="py-4">All Product</td>*/}
{/* <td className="py-4 text-right">.</td>*/}
{/*</tr>*/}
@@ -55,7 +55,7 @@ export default function MyActiveJobTable({MyJobList, className }) {
/>
</div>
<div className="flex flex-col">
<h1 className="font-bold text-xl text-dark-gray dark:text-white whitespace-nowrap">
<h1 className="font-bold text-xl text-dark-gray dark:text-white">
{value.title}
</h1>
<div>
src/components/MyJobs/MyJobTable.jsx
+4 -4
View File
@@ -45,9 +45,9 @@ export default function MyJobTable({MyJobList, className }) {
</div>
{MyJobList && MyJobList?.result_list &&
<div className="relative w-full overflow-x-auto sm:rounded-lg flex flex-col justify-between h-full">
<table className="w-full text-sm text-left text-gray-500 dark:text-gray-400">
<table className="table-auto min-w-full text-sm text-left text-gray-500 dark:text-gray-400">
<tbody>
<tr className="text-base text-thin-light-gray whitespace-nowrap border-b default-border-b dark:border-[#5356fb29] ottom ">
<tr className="text-base text-thin-light-gray border-b default-border-b dark:border-[#5356fb29] ottom ">
<td className="py-4">All Product</td>
<td className="py-4 text-right">.</td>
</tr>
@@ -58,7 +58,7 @@ export default function MyJobTable({MyJobList, className }) {
MyJobList.result_list.length > 0 &&
currentJobList.map((value, index) => (
<tr key={index} className="bg-white dark:bg-dark-white border-b dark:border-[#5356fb29] hover:bg-gray-50">
<td className=" py-4">
<td className="py-4">
<div className="flex space-x-2 items-center">
<div className="w-[60px] h-[60px] rounded-full overflow-hidden flex justify-center items-center">
<img
@@ -68,7 +68,7 @@ export default function MyJobTable({MyJobList, className }) {
/>
</div>
<div className="flex flex-col">
<h1 className="font-bold text-xl text-dark-gray dark:text-white whitespace-nowrap">
<h1 className="font-bold text-xl text-dark-gray dark:text-white">
{value.title}
</h1>
<div>
src/components/jobPopout/JobListPopout.jsx
+2 -2
View File
@@ -71,14 +71,14 @@ function JobListPopout({details, onClose, situation}) {
<div className='my-3 md:flex'>
<Detail
label='Timeline'
value={`Dummy, no value found for created!`}
value={`${details.timeline_days} day(s)`}
/>
</div>
<div className='my-3 md:flex'>
<Detail
label='Created'
value={`${details.timeline_days} day(s)`}
value={`Dummy, no value found for created!`}
/>
</div>