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

added color to modal and made the labels same font

Browse Source
This commit was merged in pull request #652.
This commit is contained in:
victorAnumudu
2024-03-19 22:42:52 +01:00
parent f779529cc6
commit 4e741f587c
11 changed files with 74 additions and 53 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/AddJob/AddJob.jsx
+13 -13
View File
@@ -89,9 +89,9 @@ function AddJob({ popUpHandler, categories }) {
<div className="field w-full mb-6 xl:mb-0">
<label
htmlFor="country"
className="input-label text-[#181c32] dark:text-white text-[13.975px] leading-[20.9625px] font-semibold flex item-center gap-1"
className="job-label job-label-flex"
>
Currency
<span>Currency</span>
{props.errors.country && props.touched.country && (
<span className="text-[12px] text-red-500">
{props.errors.country}
@@ -136,9 +136,9 @@ function AddJob({ popUpHandler, categories }) {
{/* Price */}
<div className="field w-full">
<InputCom
fieldClass="px-6 text-right"
fieldClass="px-6 text-right flex"
label="Price"
labelClass="tracking-wide"
labelClass=""
type="number"
name="price"
placeholder="0"
@@ -159,7 +159,7 @@ function AddJob({ popUpHandler, categories }) {
<InputCom
fieldClass="px-6"
label="Title"
labelClass="tracking-wide"
labelClass=""
type="text"
name="title"
value={props.values.title}
@@ -178,7 +178,7 @@ function AddJob({ popUpHandler, categories }) {
<InputCom
fieldClass="px-6"
label="Description"
labelClass="tracking-wide"
labelClass=""
type="text"
name="description"
value={props.values.description}
@@ -197,7 +197,7 @@ function AddJob({ popUpHandler, categories }) {
<div className="sm:w-[60%] w-full">
<label
htmlFor="Job Delivery Details"
className="input-label text-[#181c32] dark:text-white text-[13.975px] leading-[20.9625px] font-semibold flex items-center gap-1"
className="job-label job-label-flex"
>
Job Delivery Details
{props.errors.job_detail &&
@@ -220,13 +220,13 @@ function AddJob({ popUpHandler, categories }) {
</div>
<div className="sm:w-[35%] w-full">
<div
<label
htmlFor="Job Categories"
className='className="input-label text-[#181c32] dark:text-white text-[13.975px] leading-[20.9625px] font-semibold block"'
className='job-label'
id="checked-group"
>
Categories
</div>
</label>
<div
className="sm:flex-col flex flex-wrap px-3 mt-3"
role="group"
@@ -266,7 +266,7 @@ function AddJob({ popUpHandler, categories }) {
<div className="field w-full mb-[5px]">
<div className={`flex items-center justify-between mb-2.5`}>
<label
className="input-label text-[#181c32] dark:text-white text-[13.975px] leading-[20.9625px] font-semibold block"
className="job-label"
htmlFor="timeline_days"
>
Timeline
@@ -328,10 +328,10 @@ function AddJob({ popUpHandler, categories }) {
<div className="flex items-center space-x-4 mr-9">
<button
type="button"
className="text-18 text-light-red tracking-wide "
className="text-18 tracking-wide h-11 flex justify-center items-center border border-light-red text-base rounded-full text-light-red cursor-pointer"
>
<span
className="border-b dark:border-[#5356fb29] border-light-red"
className="px-2"
onClick={popUpHandler}
>
{" "}