feat: styling

patrykomiotek · Feb 4, 2024 · d77a6f4 · d77a6f4
1 parent 29d8210
commit d77a6f4
Show file tree

Hide file tree

Showing 3 changed files with 17 additions and 6 deletions.
diff --git a/apps/jobboard/src/app/(public)/job-offers/[publicId]/page.tsx b/apps/jobboard/src/app/(public)/job-offers/[publicId]/page.tsx
@@ -28,7 +28,11 @@ export default async function JobOfferPage({ params }: Params) {
   return (
     <div>
       <Header>Job Offer</Header>
-      <Link href="/job-offers">Back to list</Link>
+      <div className="mb-6">
+        <Link href="/job-offers" className="underline text-blue-600">
+          Back to list
+        </Link>
+      </div>
       <div key={offer.public_id} className="my-4">
         <h2 className="font-bold text-2xl">{offer.title}</h2>
         <p>{offer.description}</p>

diff --git a/apps/jobboard/src/app/(public)/job-offers/create/page.tsx b/apps/jobboard/src/app/(public)/job-offers/create/page.tsx
@@ -33,7 +33,7 @@ export default function CreateOfferPage() {
   return (
     <div>
       <Header>Create Offer</Header>
-      <form onSubmit={handleSubmit(handleOfferFormSubmit)}>
+      <form onSubmit={handleSubmit(handleOfferFormSubmit)} className="mt-6">
         <Input label="Title" {...register('title')} error={errors.title} />
         <Input
           label="Description"

diff --git a/apps/jobboard/src/app/(public)/job-offers/page.tsx b/apps/jobboard/src/app/(public)/job-offers/page.tsx
@@ -15,9 +15,16 @@ export default async function JobOffersPage() {
   return (
     <div>
       <Header>Job Offers</Header>
-      <Link href="/job-offers/create">Create offer</Link>
+      <div className="mb-6">
+        <Link
+          href="/job-offers/create"
+          className="underline hover:text-base text-blue-600"
+        >
+          Create offer
+        </Link>
+      </div>
       {jobOffers.map((offer) => (
-        <div key={offer.public_id} className="my-4">
+        <div key={offer.public_id} className="my-6">
           <h2 className="font-bold text-2xl">
             <Link
               href={`/job-offers/${offer.public_id}`}
@@ -26,8 +33,8 @@ export default async function JobOffersPage() {
               {offer.title}
             </Link>
           </h2>
-          <p>{offer.description}</p>
-          <p>Salary: {offer.salary} PLN</p>
+          <p className="leading-8">{offer.description}</p>
+          <p className="leading-8">Salary: {offer.salary} PLN</p>
         </div>
       ))}
     </div>