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

style adjustment

Browse Source
This commit was merged in pull request #686.
This commit is contained in:
victorAnumudu
2024-04-01 11:41:29 +01:00
parent a4307310ad
commit cab461bd2e
9 changed files with 814 additions and 198 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/MyActiveJobs/ActiveJobsMedia.jsx
+44 -40
View File
@@ -271,43 +271,47 @@ function ActiveJobsMedia(props) {
},[props.details.contract, props.details.contract_uid])
return (
<MediaLayout>
<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">
{/* job title */}
<div className="w-full">
<div className="w-full flex justify-start space-x-3 items-start">
<button
type="button"
className="min-w-[45px] h-auto text-[#374557] border border-sky-blue p-1 rounded-full"
onClick={() => {
if (props.details.pathname == "/manage-family") {
navigate(
props.details.pathname,
{ state: { ...props.details.accountDetails } },
{ replace: true }
);
} else {
navigate(props.details.pathname, { replace: true });
}
}}
>
<svg
xmlns="http://www.w3.org/2000/svg"
width="35"
height="35"
viewBox="0 0 24 24"
fill="skyblue"
>
<path d="M19 11H7.83l5.59-5.59L12 4l-8 8 8 8 1.41-1.41L7.83 13H19v-2z" />
</svg>
</button>
<h1 className="text-base md:text-[20px] font-bold text-dark-gray dark:text-white tracking-wide">
{props.details?.title && props.details.title}
</h1>
<MediaLayout
backpath={props.details.pathname}
title={props.details?.title && props.details.title}
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="w-full">
<div className="w-full flex justify-start space-x-3 items-start">
<button
type="button"
className="min-w-[45px] h-auto text-[#374557] border border-sky-blue p-1 rounded-full"
onClick={() => {
if (props.details.pathname == "/manage-family") {
navigate(
props.details.pathname,
{ state: { ...props.details.accountDetails } },
{ replace: true }
);
} else {
navigate(props.details.pathname, { replace: true });
}
}}
>
<svg
xmlns="http://www.w3.org/2000/svg"
width="35"
height="35"
viewBox="0 0 24 24"
fill="skyblue"
>
<path d="M19 11H7.83l5.59-5.59L12 4l-8 8 8 8 1.41-1.41L7.83 13H19v-2z" />
</svg>
</button>
<h1 className="text-base md:text-[20px] font-bold text-dark-gray dark:text-white tracking-wide">
{props.details?.title && props.details.title}
</h1>
</div>
</div>
</div>
</div>
{/* end of job title */}
</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">
<div className="w-full mb-4 border-b pb-4 lg:pb-0 lg:mb-0 lg:border-b-0">
@@ -402,7 +406,7 @@ function ActiveJobsMedia(props) {
{/* TEXTAREA SECTION */}
<div className="w-full mb-3">
<div className="w-full">
<div className="pl-7 mb-2 flex items-center border-b border-slate-300 gap-3">
<div className="pl-7 flex items-center gap-3">
<button
name="message"
onClick={(e) => setTab(e.target.name)}
@@ -428,7 +432,7 @@ function ActiveJobsMedia(props) {
</div>
{tab == "message" ? (
<textarea
className="p-4 w-full h-[150px] text-base text-slate-600 dark:text-white bg-white dark:bg-black border border-slate-300 outline-none"
className="p-4 w-full h-[150px] text-base text-slate-600 dark:text-white bg-white dark:bg-black border border-[#4687ba] outline-none"
// rows="10"
style={{ resize: "none" }}
name="message"
@@ -437,8 +441,8 @@ function ActiveJobsMedia(props) {
autoFocus
/>
) : (
<div className="p-4 w-full h-[150px] text-base text-slate-600 border border-slate-300">
<div className="files">
<div className="p-4 mb-2 h-[150px] text-base text-slate-600 border border-[#4687ba]">
<div className="files flex">
<label
htmlFor="file"
className="custom-btn btn-gradient text-base text-white"
src/components/MyActiveJobs/JobActions/CurrentJobAction.jsx
+13 -15
View File
@@ -3,22 +3,20 @@ import React from 'react'
function CurrentJobAction() {
return (
<div className='job-action dark:bg-black'>
<p className="my-3 py-1 text-base active-owner">
<table className="w-full text-sm text-left text-gray-500 ">
<tbody>
<tr>
<td>
<div className="flex space-x-2 items-center w-full task_action_panel">
<table className="w-full my-3 py-1 text-sm text-left text-gray-500">
<tbody>
<tr>
<td>
<div className="flex space-x-2 items-center w-full task_action_panel">
<div>
Waiting for the completion message from the client before you can approve.
</div>
</div>
</td>
</tr>
</tbody>
</table>
</p>
<div>
Waiting for the completion message from the client before you can approve.
</div>
</div>
</td>
</tr>
</tbody>
</table>
</div>
)
}