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

added media layout

Browse Source
This commit is contained in:
victorAnumudu
2024-04-01 21:42:29 +01:00
parent 199dec01fe
commit bb5a966249
4 changed files with 25 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/MyActiveJobs/ActiveJobsMedia.jsx
+19 -9
View File
@@ -277,7 +277,7 @@ function ActiveJobsMedia(props) {
state={props.details.accountDetails}
>
{/* job title */}
<div className="py-[20px] bg-white dark:bg-black dark:text-white px-4 rounded-2xl shadow-md md:flex justify-between items-start gap-16">
{/* <div className="py-[20px] bg-white dark:bg-black dark:text-white px-4 rounded-2xl shadow-md md:flex justify-between items-start gap-16">
<div className="w-full">
<div className="w-full flex justify-start space-x-3 items-start">
<button
@@ -310,7 +310,7 @@ function ActiveJobsMedia(props) {
</h1>
</div>
</div>
</div>
</div> */}
{/* end of job title */}
<div className="my-4 lg:flex justify-between items-start space-y-4 lg:space-x-4 lg:space-y-0">
@@ -320,7 +320,7 @@ function ActiveJobsMedia(props) {
<VideoElement videoId={props?.details?.media_uid} />
</div>
<div className="w-full p-4 bg-white dark:bg-black rounded-2xl shadow-md md:flex md:justify-between gap-2">
<div className="w-full p-4 bg-white dark:bg-black rounded-2xl shadow-md md:flex md:justify-between gap-8">
<div className="w-full flex flex-col justify-between">
<div className="w-full">
<p className="w-full text-base text-right text-sky-blue">
@@ -330,13 +330,23 @@ function ActiveJobsMedia(props) {
<p className="font-semibold text-black dark:text-white">
Description:{" "}
</p>
<p className="p-2 border border-sky-blue">
<p className="p-2 ml-8 border border-sky-blue">
{props?.details && props.details.description}
</p>
</div>
</div>
<div className="my-2">
<IndexJobActions details={props.details} />
<div className="mt-6 w-full lg:flex gap-8">
<div className="w-full text-base dark:text-white tracking-wide text-sky-blue">
<p className="font-semibold text-black dark:text-white">
Delivery Detail:{" "}
</p>
<p className="p-2 ml-8">
{props?.details && props.details.job_description}
</p>
</div>
<div className="my-2 lg:my-0">
<IndexJobActions details={props.details} />
</div>
</div>
</div>
</div>
@@ -389,14 +399,14 @@ function ActiveJobsMedia(props) {
day(s)
</span>
</div>
<div className="my-1 text-base text-slate-700 tracking-wide flex items-center gap-3">
{/* <div className="my-1 text-base text-slate-700 tracking-wide flex items-center gap-3">
<span className="font-semibold text-black dark:text-white">
No:{" "}
</span>
<span className="">
{props.details?.contract && props.details.contract}
</span>
</div>
</div> */}
</div>
{/* end of job details */}
</div>
src/components/MyActiveJobs/JobActions/CurrentTaskAction.jsx
+1 -1
View File
@@ -65,7 +65,7 @@ function CurrentTaskAction({jobDetails}) {
<div className="w-full text-sm text-left text-gray-500">
{jobDetails.job_type == 'MEDIA' ?
<div className="flex justify-center items-center">
<button onClick={popUpHandler} type="button" className="custom-btn btn-gradient text-white">
<button onClick={popUpHandler} type="button" className="p-1 lg:p-2 border-4 border-slate-300 text-lg lg:text-xl font-medium text-orange-600 rounded-2xl hover:opacity-80 transition-all duration-300">
I have completed this task
</button>
</div>