ui-fixes

code100x · Sep 29, 2024 · 8a17ac8 · 8a17ac8
1 parent 5e9dbed
commit 8a17ac8
Showing 1 changed file with 8 additions and 15 deletions.
diff --git a/src/components/job.tsx b/src/components/job.tsx
@@ -51,26 +51,14 @@ export const Job = ({ job }: { job: JobType }) => {
             </div>
 
             <span className="flex bg-green-500/20 font-bold rounded-lg px-4 py-1 text-green-500 text-xs md:text-sm items-center gap-0.5">
-              {job.minSalary && <Icon icon="currency" size={16} />}
+              {!!job.minSalary && <Icon icon="currency" size={16} />}
               {job.minSalary && job.maxSalary
                 ? `${formatSalary(job.minSalary)}-${formatSalary(job.maxSalary)}`
                 : 'Not disclosed'}
             </span>
-
-            <div className="flex items-center gap-2">
-              <MapPin size={16} />
-              <p className="text-xs md:text-sm font-semibold">{job.address}</p>
-            </div>
           </div>
         </div>
 
-        <span className="flex bg-green-500/20 font-bold rounded-lg px-4 py-1 text-green-500 text-xs md:text-sm items-center gap-0.5">
-          {!!job.minSalary && <Icon icon="currency" size={16} />}
-          {job.minSalary && job.maxSalary
-            ? `${formatSalary(job.minSalary)}-${formatSalary(job.maxSalary)}`
-            : 'Not disclosed'}
-        </span>
-
         <div className="flex items-center gap-2">
           <MapPin size={16} />
           <p className="text-xs md:text-sm font-semibold">{job.address}</p>
@@ -105,17 +93,22 @@ export const Job = ({ job }: { job: JobType }) => {
 
       {/* job description */}
       <section className="border-2 bg-[#F1F5F9] dark:bg-[#0F172A] h-auto max-h-[20rem] overflow-y-auto p-6 rounded-xl">
+        <h1 className="font-extrabold px-4 py-1 w-fit text-white bg-blue-500/20 rounded-lg text-xl ">
+          Job Description
+        </h1>
         <Linkify options={options}>
           <div
-            className="my-4text-neutral-200"
+            className="my-4 text-neutral-100"
             dangerouslySetInnerHTML={{ __html: job.description ?? '' }}
           ></div>
         </Linkify>
       </section>
 
       {/* about company */}
       <section className="border-2 bg-[#F1F5F9] dark:bg-[#0F172A] h-auto max-h-[15rem] overflow-y-auto p-6 rounded-xl">
-        <h1 className="font-bold">About {job.companyName}</h1>
+        <h1 className="font-extrabold px-4 py-1 w-fit text-white bg-blue-500/20 rounded-lg text-xl ">
+          About {job.companyName}
+        </h1>
         <div
           dangerouslySetInnerHTML={{ __html: job.companyBio ?? '' }}
           className="my-4 text-neutral-200"