chore: changing minor styling issues

wasedatime · Nov 13, 2023 · 05734d7 · 05734d7
1 parent 9a38696
commit 05734d7
Show file tree

Hide file tree

Showing 6 changed files with 13 additions and 15 deletions.
diff --git a/apps/career/src/components/jobdetail/CompanyOverview.tsx b/apps/career/src/components/jobdetail/CompanyOverview.tsx
@@ -21,7 +21,7 @@ const CompanyOverview = ({ job }: { job: JobProps }) => {
 
   return (
     <>
-      <div className="standard-style mt-14 rounded border">
+      <div className="standard-style mt-14 rounded border text-light-text1 dark:text-dark-text1">
         <h1 className="p-6 text-center text-4xl font-bold">Company Overview</h1>
         <div className="text-center">
           <div className="mx-auto h-[55px] w-[55px] rounded-full">
@@ -52,7 +52,7 @@ const CompanyOverview = ({ job }: { job: JobProps }) => {
                   {info.content}
                 </a>
               ) : (
-                <p className="mb-4 whitespace-pre-line p-2 font-bold text-gray-500 dark:text-gray-300">
+                <p className="mb-4 whitespace-pre-line p-2 font-bold">
                   {info.content}
                 </p>
               )}

diff --git a/apps/career/src/components/jobdetail/JobContent.tsx b/apps/career/src/components/jobdetail/JobContent.tsx
@@ -55,12 +55,8 @@ const JobContent = ({ job }: { job: JobProps }) => {
         <div className="p-6">
           {jobContentSections.map((section, index) => (
             <div key={index} className="mt-5">
-              <h3 className="text-bold mb-3 text-gray-900 dark:text-gray-50">
-                {section.title}
-              </h3>
-              <p className="mb-0 whitespace-pre-line text-gray-500 dark:text-gray-300">
-                {section.content}
-              </p>
+              <h3 className="text-bold mb-3">{section.title}</h3>
+              <p className="mb-0 whitespace-pre-line">{section.content}</p>
             </div>
           ))}
         </div>

diff --git a/apps/career/src/components/jobdetail/JobOverview.tsx b/apps/career/src/components/jobdetail/JobOverview.tsx
@@ -60,7 +60,7 @@ const JobOverview = ({ job }: { job: JobProps }) => {
 
   return (
     <>
-      <div className="standard-style mt-14 rounded border">
+      <div className="standard-style mt-14 rounded border text-light-text1 dark:text-dark-text1">
         <div className="p-6">
           <h1 className="m-2 text-2xl font-bold">Job Overview</h1>
           <ul>

diff --git a/apps/career/src/components/jobdetail/Jobdetail.tsx b/apps/career/src/components/jobdetail/Jobdetail.tsx
@@ -38,7 +38,7 @@ const Jobdetail: React.FC<CareerComponentProps> = ({
 
   return (
     <>
-      <div className="grid grid-cols-12 gap-y-10 lg:gap-10 lg:gap-y-0">
+      <div className="grid grid-cols-12 gap-y-10 text-light-text1 dark:text-dark-text1 lg:gap-10 lg:gap-y-0">
         <div className="col-span-12">
           <h1 className="pt-7 text-center text-8xl font-bold">Careers</h1>
           <Breadcrumbs job={job} />

diff --git a/apps/career/src/components/joblist/JobCard.tsx b/apps/career/src/components/joblist/JobCard.tsx
@@ -67,7 +67,9 @@ const JobCard: React.FC<JobCardProps> = ({
           {/* Date Posted Section */}
           <div className="col-span-12 sm:col-span-2">
             <div className="mb-0">
-              <h2 className="text-2xl font-bold">{formattedTime}</h2>
+              <h2 className="text-2xl font-bold text-light-text1 dark:text-dark-text1">
+                {formattedTime}
+              </h2>
             </div>
           </div>
           <div className="col-span-12 sm:col-span-2">

diff --git a/apps/career/src/components/joblist/PostRegisterProfile.tsx b/apps/career/src/components/joblist/PostRegisterProfile.tsx
@@ -101,7 +101,7 @@ const PostRegisterProfile: React.FC<ProfileComponentProps> = ({
     setIsModalOpen(!isModalOpen)
   }
   return (
-    <div className="standard-style mt-4 rounded border">
+    <div className="standard-style mt-4 rounded border text-light-text1 dark:text-dark-text1">
       <h1 className="p-6 text-center text-2xl font-bold">Profile</h1>
       <div className="ml-2">
         <div className="text-center">
@@ -118,10 +118,10 @@ const PostRegisterProfile: React.FC<ProfileComponentProps> = ({
         <ul>
           {profileInformation.map((info, index) => (
             <li key={index} className="mt-6 flex items-center">
-              <i className="text-gray-500">{info.icon}</i>
+              <i className="">{info.icon}</i>
               <div className="ml-4">
-                <h2 className="mb-2 text-2xl font-bold">{info.label}</h2>
-                <h2 className="text-2xl">{info.content}</h2>
+                <h2 className="mb-2 text-2xl font-bold ">{info.label}</h2>
+                <h2 className="text-2xl ">{info.content}</h2>
               </div>
             </li>
           ))}