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

Job Page

Browse Source
This commit is contained in:
CHIEFSOFT\ameye
2023-05-11 11:05:13 -04:00
parent bce3d1adea
commit 63861ea32c
2 changed files with 17 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/MyJobs/MyJobTable.jsx
+11 -6
View File
@@ -33,7 +33,7 @@ export default function MyJobTable({MyJobList, className }) {
<div className="header w-full flex justify-between items-center mb-5">
<div className="flex space-x-2 items-center">
<h1 className="text-xl font-bold text-dark-gray dark:text-white tracking-wide">
All Jobs
</h1>
</div>
<SelectBox
@@ -48,7 +48,7 @@ export default function MyJobTable({MyJobList, className }) {
<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 border-b default-border-b dark:border-[#5356fb29] ottom ">
<td className="py-4">All Product</td>
<td className="py-8">.</td>
<td className="py-4 text-right">.</td>
</tr>
@@ -58,8 +58,9 @@ 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">
<div className="flex space-x-2 items-center">
<td className="py-9">
<div className="flex space-x-2 items-center job-items">
<div className="w-[60px] h-[60px] rounded-full overflow-hidden flex justify-center items-center">
<img
src={dataImage2}
@@ -80,19 +81,23 @@ export default function MyJobTable({MyJobList, className }) {
<span className="text-sm text-thin-light-gray">
Duration: <span className="text-purple"> {value.timeline_days} day(s)</span>
</span>
</div>
<div className="job-sub-menu"><button type="button" className="w-20 h-11">[Delete]</button> |
<button type="button" className="w-20 h-11">Edit</button> </div>
</div>
</td>
<td className="text-right py-4 px-2">
<td className="text-right py-3 px-2">
<button
type="button"
onClick={()=>{setJobPopout({show:true, data:value})}}
onClick={()=>{setJobPopout({show:true, data:value})}}
className="w-20 h-11 flex justify-center items-center btn-gradient text-base rounded-full text-white"
>
View
Manage
</button>
</td>
</tr>
src/index.css
+6
View File
@@ -468,6 +468,12 @@ input[type="number"] {
overflow: hidden;
}
.job-items{
.job-sub-menu{
background-color: yellow;
}
}
.content-item .inner-list-items {
top: 0;
right: -100%;