From 8958afab080b0942f78e4408ff130f7d3663891d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=EB=B0=95=EA=B4=91=EB=AF=BC?= <rhkdals0242@naver.com>
Date: Fri, 20 Jun 2025 21:51:32 +0900
Subject: [PATCH 1/2] =?UTF-8?q?=F0=9F=90=9B=20fix:=20Post=20=EC=BB=B4?=
 =?UTF-8?q?=ED=8F=AC=EB=84=8C=ED=8A=B8=EC=97=90=20className=20prop=20?=
 =?UTF-8?q?=EC=B6=94=EA=B0=80=20=EA=B3=A0=EC=A0=95=20width=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

---
 src/components/common/Post.tsx | 17 ++++++++++-------
 1 file changed, 10 insertions(+), 7 deletions(-)

diff --git a/src/components/common/Post.tsx b/src/components/common/Post.tsx
index f58ede8e..7bc29e89 100644
--- a/src/components/common/Post.tsx
+++ b/src/components/common/Post.tsx
@@ -11,6 +11,11 @@ import ArrowUpRed20 from '@/assets/icons/arrow-up-red20.svg';
 import PostImg from '@/assets/images/post-default.png';
 import type { NoticeShopItem } from '@/api/noticeApi';
 
+interface PostProps {
+  data: NoticeShopItem;
+  className?: string;
+}
+
 // 상태 계산
 function getStatus(
   startsAt: string,
@@ -24,7 +29,7 @@ function getStatus(
   return 'ACTIVE';
 }
 
-export default function Post({ data }: { data: NoticeShopItem }) {
+export default function Post({ data, className = '' }: PostProps) {
   const {
     hourlyPay,
     workhour,
@@ -80,7 +85,7 @@ export default function Post({ data }: { data: NoticeShopItem }) {
   }
 
   return (
-    <div className="flex h-261 w-171 cursor-pointer flex-col gap-12 rounded-xl border border-gray-20 bg-white p-12 md:h-359 md:w-332 md:gap-20 md:p-16 lg:h-348 lg:w-312">
+    <div className="flex h-261 w-full cursor-pointer flex-col gap-12 rounded-xl border border-gray-20 bg-white p-12 md:h-359 md:gap-20 md:p-16 lg:h-348">
       <div className="relative">
         <div
           className="relative h-84 w-full rounded-xl bg-cover bg-center md:h-171 lg:h-160"
@@ -127,18 +132,16 @@ export default function Post({ data }: { data: NoticeShopItem }) {
           className="flex flex-col justify-between md:flex-row md:items-center"
           title={`${hourlyPay.toLocaleString()}원${isHigherPay ? `: 기존 시급보다 ${percent}%` : ''}`}
         >
-          <div className="truncate text-lg/23 font-bold md:text-h2/29 lg:max-w-110">
+          <div className="w-full truncate text-lg/23 font-bold md:text-h2/29">
             {hourlyPay.toLocaleString()}원
           </div>
           {isHigherPay && (
             <>
               {/*데스크탑, 태블릿*/}
               <div
-                className={`hidden h-36 max-w-168 items-center justify-center gap-2 rounded-[20px] p-12 text-body2 font-bold text-white md:flex ${badgeBgColor}`}
+                className={`hidden h-36 w-full items-center justify-center gap-2 rounded-[20px] p-12 text-body2 font-bold text-white md:flex ${badgeBgColor}`}
               >
-                <div className="max-w-168 truncate">
-                  기존 시급보다 {percent}%
-                </div>
+                <div className="w-full truncate">기존 시급보다 {percent}%</div>
                 <img src={ArrowUpWhite} alt="위 화살표" className="h-20 w-20" />
               </div>
               {/*모바일*/}

From 75238ad2259fc6866fd532befadfdb857da1210c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=EB=B0=95=EA=B4=91=EB=AF=BC?= <rhkdals0242@naver.com>
Date: Fri, 20 Jun 2025 22:03:04 +0900
Subject: [PATCH 2/2] =?UTF-8?q?=F0=9F=90=9B=20fix:=20Post=20=EC=BB=B4?=
 =?UTF-8?q?=ED=8F=AC=EB=84=8C=ED=8A=B8=EC=97=90=EC=84=9C=20className=20pro?=
 =?UTF-8?q?p=20=EC=A0=9C=EA=B1=B0=20=EB=B0=8F=20=EA=B4=80=EB=A0=A8=20?=
 =?UTF-8?q?=EC=8A=A4=ED=83=80=EC=9D=BC=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/common/Post.tsx | 15 ++++++---------
 1 file changed, 6 insertions(+), 9 deletions(-)

diff --git a/src/components/common/Post.tsx b/src/components/common/Post.tsx
index 7bc29e89..b9e12aaa 100644
--- a/src/components/common/Post.tsx
+++ b/src/components/common/Post.tsx
@@ -11,11 +11,6 @@ import ArrowUpRed20 from '@/assets/icons/arrow-up-red20.svg';
 import PostImg from '@/assets/images/post-default.png';
 import type { NoticeShopItem } from '@/api/noticeApi';
 
-interface PostProps {
-  data: NoticeShopItem;
-  className?: string;
-}
-
 // 상태 계산
 function getStatus(
   startsAt: string,
@@ -29,7 +24,7 @@ function getStatus(
   return 'ACTIVE';
 }
 
-export default function Post({ data, className = '' }: PostProps) {
+export default function Post({ data }: { data: NoticeShopItem }) {
   const {
     hourlyPay,
     workhour,
@@ -132,16 +127,18 @@ export default function Post({ data, className = '' }: PostProps) {
           className="flex flex-col justify-between md:flex-row md:items-center"
           title={`${hourlyPay.toLocaleString()}원${isHigherPay ? `: 기존 시급보다 ${percent}%` : ''}`}
         >
-          <div className="w-full truncate text-lg/23 font-bold md:text-h2/29">
+          <div className="truncate text-lg/23 font-bold md:text-h2/29 lg:max-w-110">
             {hourlyPay.toLocaleString()}원
           </div>
           {isHigherPay && (
             <>
               {/*데스크탑, 태블릿*/}
               <div
-                className={`hidden h-36 w-full items-center justify-center gap-2 rounded-[20px] p-12 text-body2 font-bold text-white md:flex ${badgeBgColor}`}
+                className={`hidden h-36 max-w-168 items-center justify-center gap-2 rounded-[20px] p-12 text-body2 font-bold text-white md:flex ${badgeBgColor}`}
               >
-                <div className="w-full truncate">기존 시급보다 {percent}%</div>
+                <div className="max-w-168 truncate">
+                  기존 시급보다 {percent}%
+                </div>
                 <img src={ArrowUpWhite} alt="위 화살표" className="h-20 w-20" />
               </div>
               {/*모바일*/}