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/jobPopout/EditJobPopout.jsx
+7 -7
View File
@@ -212,13 +212,13 @@ const EditJobPopOut = ({
return (
<ModalCom action={onClose} situation={situation}>
<div className="logout-modal-wrapper w-11/12 lg:w-[600px] bg-white dark:bg-dark-white lg:rounded-2xl">
<div className="logout-modal-header w-full flex items-center justify-between lg:px-10 lg:py-8 px-[30px] py-[23px] border-b border-light-purple dark:border-[#5356fb29] ">
<h1 className="text-26 font-bold text-dark-gray dark:text-white tracking-wide">
<div className="modal-header-con">
<h1 className="modal-title">
Edit Job
</h1>
<button
type="button"
className="text-[#374557] dark:text-red-500"
className="modal-close-btn"
onClick={onClose}
>
<svg
@@ -328,8 +328,8 @@ const EditJobPopOut = ({
<div className="field flex flex-col sm:flex-row w-full mb-[5px] gap-2">
<div className="sm:w-[60%] w-full">
<label
htmlFor="Job Delivery Details"
className='className="input-label text-[#181c32] dark:text-white text-[13.975px] leading-[20.9625px] font-semibold block"'
htmlFor="job-label"
className='job-label'
>
Job Delivery Details
</label>
@@ -352,7 +352,7 @@ const EditJobPopOut = ({
<div className="sm:w-[35%] w-full">
<div
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
@@ -422,7 +422,7 @@ const EditJobPopOut = ({
<div className="field w-1/2">
<div className={`flex items-center justify-between`}>
<label
className="w-full input-label text-[#181c32] dark:text-white text-[13.975px] leading-[20.9625px] font-semibold flex flex-col"
className="job-label flex flex-col"
htmlFor="timeline_days"
>
Timeline -