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

actio panel

Browse Source
This commit is contained in:
CHIEFSOFT\ameye
2023-07-15 09:51:53 -04:00
parent a9f671eeaa
commit 940a12a2e9
7 changed files with 26 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/MyActiveJobs/JobActions/CurrentJobAction.jsx
+4 -4
View File
@@ -4,15 +4,15 @@ function CurrentJobAction() {
return ( return (
<div className='job-action dark:bg-black'> <div className='job-action dark:bg-black'>
<p className="my-3 py-1 text-base active-owner"> <p className="my-3 py-1 text-base active-owner">
<table className="w-full text-sm text-left text-gray-500"> <table className="w-full text-sm text-left text-gray-500 ">
<tbody> <tbody>
<tr> <tr>
<td> <td>
<div className="flex space-x-2 items-center w-full"> <div className="flex space-x-2 items-center w-full task_action_panel">
<h1 className="text-xl text-dark-gray dark:text-white"> <div>
Waiting for the completion message from the client before you can approve. Waiting for the completion message from the client before you can approve.
</h1> </div>
{/*<div className="flex flex-col flex-[0.9]"> </div>*/} {/*<div className="flex flex-col flex-[0.9]"> </div>*/}
</div> </div>
</td> </td>
src/components/MyActiveJobs/JobActions/CurrentTaskAction.jsx
+4 -4
View File
@@ -62,14 +62,14 @@ function CurrentTaskAction({jobDetails}) {
return ( return (
<div className='job-action dark:bg-black'> <div className='job-action dark:bg-black'>
<table className="w-full text-sm text-left text-gray-500 active-worker"> <table className="w-full text-sm text-left text-gray-500 active-worker ">
<tbody> <tbody>
<tr> <tr>
<td> <td>
<div className="flex space-x-2 items-center w-full"> <div className="flex space-x-2 items-center w-full task_action_panel">
<h1 className="text-xl text-dark-gray dark:text-white"> <div>
I completed this task and ready for review and acceptance. I completed this task and ready for review and acceptance.
</h1> </div>
{/*<div className="flex flex-col flex-[0.9]">*/} {/*<div className="flex flex-col flex-[0.9]">*/}
{/*</div>*/} {/*</div>*/}
src/components/MyActiveJobs/JobActions/PastDueJobAction.jsx
+3 -3
View File
@@ -107,11 +107,11 @@ function PastDueJobAction({jobDetails}) {
<tbody> <tbody>
<tr> <tr>
<td> <td>
<div className="flex space-x-2 items-center w-full"> <div className="flex space-x-2 items-center w-full task_action_panel">
<h1 className="text-xl text-dark-gray dark:text-white"> <div className="text-xl dark:text-red-700">
Time allocated has passed Time allocated has passed
</h1> </div>
{/*<div className="flex flex-col flex-[0.9]"> </div>*/} {/*<div className="flex flex-col flex-[0.9]"> </div>*/}
</div> </div>
</td> </td>
src/components/MyActiveJobs/JobActions/PastDueTaskAction.jsx
+3 -3
View File
@@ -8,11 +8,11 @@ function PastDueTaskAction() {
<tbody> <tbody>
<tr> <tr>
<td> <td>
<div className="flex space-x-2 items-center w-full"> <div className="flex space-x-2 items-center w-full task_action_panel">
<h1 className="text-xl text-dark-gray dark:text-white"> <div>
You have missed the allocated time You have missed the allocated time
</h1> </div>
{/*<div className="flex flex-col flex-[0.9]"> </div>*/} {/*<div className="flex flex-col flex-[0.9]"> </div>*/}
</div> </div>
</td> </td>
src/components/MyActiveJobs/JobActions/ReviewJobAction.jsx
+3 -3
View File
@@ -96,11 +96,11 @@ function ReviewJobAction({jobDetails}) {
<tbody> <tbody>
<tr> <tr>
<td> <td>
<div className="flex space-x-2 items-center w-full"> <div className="flex space-x-2 items-center w-full task_action_panel">
<h1 className="text-xl text-dark-gray dark:text-white"> <div>
This Job is Ready for your review This Job is Ready for your review
</h1> </div>
{/*<div className="flex flex-col flex-[0.9]"> </div>*/} {/*<div className="flex flex-col flex-[0.9]"> </div>*/}
</div> </div>
</td> </td>
src/components/MyActiveJobs/JobActions/ReviewTaskAction.jsx
+1 -1
View File
@@ -2,7 +2,7 @@ import React from 'react'
function ReviewTaskAction() { function ReviewTaskAction() {
return ( return (
<div className='job-action dark:bg-black'> <div className='job-action dark:bg-black task_action_panel'>
<p className="my-3 py-1 text-base text-dark-gray dark:text-white"> <p className="my-3 py-1 text-base text-dark-gray dark:text-white">
Waiting for the completion message from the client before you can approve. Worker True & Review Job Waiting for the completion message from the client before you can approve. Worker True & Review Job
</p> </p>
src/index.css
+8 -1
View File
@@ -32,6 +32,12 @@
.referral{ .referral{
margin-bottom: 20px margin-bottom: 20px
} }
.task_action_panel{
font-family: sans; color: white;
font-weight: bolder;
font-size: 14px;
font-family: Circular, Helvetica Neue, Helvetica, Roboto, Arial, sans-serif;
}
.heroSilderTitle{ .heroSilderTitle{
text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black; text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
font-family: sans; color: white; font-family: sans; color: white;
@@ -42,7 +48,7 @@
min-width: 280px !important; min-width: 280px !important;
} }
.job-action{ .job-action{
background-color: aliceblue; background-color: #4687ba;
height: 100px; height: 100px;
border-radius: 15px; border-radius: 15px;
padding: 5px; padding: 5px;
@@ -59,6 +65,7 @@
color: black; color: black;
font-weight: bold; font-weight: bold;
border-radius: 9px; border-radius: 9px;
font-size: 14px;
font-family: Circular, Helvetica Neue, Helvetica, Roboto, Arial, sans-serif; font-family: Circular, Helvetica Neue, Helvetica, Roboto, Arial, sans-serif;
} }
.siderCardDescription{ .siderCardDescription{