fix: PostCard 높이 수정

Author: ghdtnals

src/components/Post/PostCard.tsx

@@ -47,16 +47,16 @@ export default function PostCard({
   return (
     <article
       className={cn(
-        "grid p-5 md:p-6 lg:grid-cols-[1fr_346px] lg:gap-[31px] rounded-2xl",
+        "grid p-5 sm:p-6 lg:grid-cols-[1fr_346px] lg:gap-[31px] rounded-2xl",
         backgroundColor,
         backgroundColor === "#ffffff" && "border border-gray-20 shadow-sm",
       )}
     >
-      <div className="relative w-full overflow-hidden rounded-xl">
+      <div className="relative w-full overflow-hidden rounded-xl h-auto">
         <img
           src={imageUrl}
           alt={name}
-          className="w-full h-[180px] object-cover md:h-[360px] lg:h-[308px]"
+          className="w-full h-[180px] object-cover sm:h-[360px] lg:h-full"
           onError={(e) => {
             e.currentTarget.onerror = null;
             e.currentTarget.src = "/default-image.png";
@@ -71,40 +71,47 @@ export default function PostCard({
           </div>
         )}
       </div>
-      <div className="flex flex-col justify-between mt-3 h-[251px] md:mt-4 md:h-[252px] lg:h-[292px]">
-        <div className="space-y-2 md:space-y-3">
+      <div className="flex flex-col justify-between mt-3 sm:mt-4 lg:h-auto">
+        <div className="space-y-2 sm:space-y-3 flex-1">
           {!isShopInfo ? (
             <>
               <div className="flex flex-col gap-[2px]">
-                <p className="mb-2 text-primary body2-bold md:body1-bold">
+                <p className="mb-2 text-primary body2-bold sm:body1-bold">
                   시급
                 </p>
                 <div className="flex items-center gap-2">
-                  <h2 className="text-[20px] font-bold md:text-[28px]">
+                  <h2 className="text-[20px] font-bold sm:text-[28px]">
                     {hourlyPay?.toLocaleString()}원
                   </h2>
                   {!closed && (
-                    <span className="inline-flex items-center gap-[2px] rounded-[20px] bg-primary px-3 py-1 text-[12px] font-normal leading-[16px] text-white md:body2-bold">
+                    <span className="inline-flex items-center gap-[2px] rounded-[20px] bg-primary px-3 py-1 text-[12px] font-normal leading-[16px] text-white sm:body2-bold">
                       {rateText}
-                      <ArrowUp className="w-4 h-4 md:w-5 md:h-5" />
+                      <ArrowUp className="w-4 h-4 sm:w-5 sm:h-5" />
                     </span>
                   )}
                 </div>
               </div>
-              <div className="flex items-center gap-[6px] text-gray-50 sm:body2-regular md:body1-regular">
-                <Time className="w-4 h-4 md:w-5 md:h-5" />
+              <div className="flex items-center gap-[6px] text-gray-50 body2-regular sm:body1-regular">
+                <Time className="w-4 h-4 sm:w-5 sm:h-5" />
                 {timeRange}
               </div>
             </>
           ) : (
-            <p className="text-primary body2-bold md:body1-bold">식당</p>
+            <p className="text-primary body2-bold sm:body1-bold">식당</p>
           )}
           {isShopInfo && <h2 className="text-[28px] font-bold">{name}</h2>}
-          <div className="flex items-center gap-[6px] text-gray-50 sm:body2-regular md:body1-regular">
-            <Location className="w-4 h-4 md:w-5 md:h-5" />
+          <div className="flex items-center gap-[6px] text-gray-50 body2-regular sm:body1-regular">
+            <Location className="w-4 h-4 sm:w-5 sm:h-5" />
             {address1}
           </div>
-          <p className="text-black sm:body2-regular md:body1-regular">
+          <p
+            className={cn(
+              "body2-regular sm:body1-regular break-words",
+              description === "등록된 가게 정보가 없습니다."
+                ? "text-gray-40"
+                : "text-black",
+            )}
+          >
             {description}
           </p>
         </div>