Compare commits

...

3 Commits

Author SHA1 Message Date
victorAnumudu 8a7b56068d added media layout 2024-04-01 21:47:00 +01:00
victorAnumudu bb5a966249 added media layout 2024-04-01 21:42:29 +01:00
ameye 199dec01fe Merge branch 'wallet-modal-style' of WrenchBoard/Users-Wrench into master 2024-04-01 17:36:20 +00:00
4 changed files with 25 additions and 15 deletions
@@ -144,7 +144,7 @@ export default function AssignMediaTask({
</div>
<div className="grid grid-cols-3 gap-3">
{/* Price */}
<div className="field w-full">
<div className="field w-full flex flex-col justify-between">
<label htmlFor="price" className="job-label flex gap-1">
Reward
<span className='text-red-500 text-base'>{props.errors.amount && props.touched.amount && '*'}</span>
@@ -164,7 +164,7 @@ export default function AssignMediaTask({
</div>
{/* Currency */}
<div className="field w-full">
<div className="field w-full flex flex-col justify-between">
<label
htmlFor="currency"
className="job-label flex gap-1 invisible"
@@ -224,7 +224,7 @@ export default function AssignMediaTask({
</div>
{/* Duration */}
<div className="field w-full">
<div className="field w-full flex flex-col justify-between">
<label
htmlFor="timeline_days"
className="job-label flex gap-1"
@@ -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">
<p className="font-semibold text-sky-blue 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>
@@ -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>
+2 -2
View File
@@ -165,7 +165,7 @@ export default function MediaHeader({ logoutModalHandler, sidebarHandler, backpa
</div>
{/* Back BTN AND TITLE */}
{/* <div className="pl-4 w-full flex justify-start gap-3 items-center">
<div className="pl-4 w-full flex justify-start gap-3 items-center">
<button
type="button"
className="min-w-[35px] h-auto text-[#374557] border border-sky-blue p-1 rounded-full"
@@ -202,7 +202,7 @@ export default function MediaHeader({ logoutModalHandler, sidebarHandler, backpa
<h1 className="text-base md:text-[20px] font-bold text-dark-gray dark:text-white tracking-wide">
{title && title}
</h1>
</div> */}
</div>
{/* user info */}