From fe668b58d536ac79f27dc19dcec4d5362c4a6b6a Mon Sep 17 00:00:00 2001
From: hyuna <phyunaa0525@gmail.com>
Date: Fri, 8 Nov 2024 13:24:23 +0900
Subject: [PATCH] =?UTF-8?q?chore=20::=20=EB=AA=A8=EC=A7=91=EC=9D=98?=
 =?UTF-8?q?=EB=A2=B0=EC=84=9C=20=EC=8A=A4=ED=83=80=EC=9D=BC=20=EC=88=98?=
 =?UTF-8?q?=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../recruitments/RecruitmentsCard.tsx         | 20 ++++++++++---------
 1 file changed, 11 insertions(+), 9 deletions(-)

diff --git a/src/components/recruitments/RecruitmentsCard.tsx b/src/components/recruitments/RecruitmentsCard.tsx
index 3e5f391..9f7e46f 100644
--- a/src/components/recruitments/RecruitmentsCard.tsx
+++ b/src/components/recruitments/RecruitmentsCard.tsx
@@ -25,17 +25,19 @@ export default function RecruitmentsCard({ maxLength = 12 }: PropsType) {
   return (
     <div className="w-full mt-5 grid grid-cols-3 md:grid-cols-4 gap-[1.5vw]">
       {isLoading && <RecruitmentSkelton />}
-        {recruitmentsList?.recruitments.length === 0 ? (
-          <p className="col-span-4 text-center">⚠ 아직 모집의뢰서가 없습니다.</p>
-        ) :
-        recruitmentsList?.recruitments.filter((_, idx) => idx < maxLength).map((item) => {
-          return <RecruitmentsItem key={item.id} {...item} />;
-        })}
+      {recruitmentsList?.recruitments.length === 0 ? (
+        <p className="col-span-4 text-center">⚠ 아직 모집의뢰서가 없습니다.</p>
+      ) : (
+        recruitmentsList?.recruitments
+          .filter((_, idx) => idx < maxLength)
+          .map((item) => {
+            return <RecruitmentsItem key={item.id} {...item} />;
+          })
+      )}
     </div>
   );
 }
 
-
 function RecruitmentsItem({
   company_profile_url,
   company_name,
@@ -51,7 +53,7 @@ function RecruitmentsItem({
 
   return (
     <HoverPrefetchLink href={`/recruitments/detail?id=${id}`}>
-      <div className="flex flex-col w-full overflow-hidden transition duration-200 cursor-pointer shadow-elevaiton rounded-xl hover:transition hover:scale-105">
+      <div className="flex flex-col w-full overflow-hidden transition duration-200 cursor-pointer shadow-elevaiton rounded-xl hover:transition hover:scale-105 h-full">
         <div className="w-full h-0 pb-[70%] relative">
           <Image
             className="absolute object-contain"
@@ -88,4 +90,4 @@ function RecruitmentsItem({
       </div>
     </HoverPrefetchLink>
   );
-}
\ No newline at end of file
+}