From 0166c80c950a60caa0d8208b91c279d4686378be Mon Sep 17 00:00:00 2001
From: Yoonchulchung <yoonchul005@gmail.com>
Date: Thu, 12 Feb 2026 18:07:15 +0900
Subject: [PATCH] =?UTF-8?q?fix:=20=ED=98=84=EC=B0=AC=20=EA=B0=80=EB=8A=A5?=
 =?UTF-8?q?=20=EC=A0=9C=ED=92=88=20=EC=82=AC=EC=9D=B4=EC=A6=88=20=EB=B3=80?=
 =?UTF-8?q?=EA=B2=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 app/assets/campaign-proposal-icon.svg             | 15 +++++++++++++++
 .../brand-detail/components/BrandActionBar.tsx    |  4 +++-
 .../brand-detail/components/ProductMiniCard.tsx   | 11 +++--------
 3 files changed, 21 insertions(+), 9 deletions(-)
 create mode 100644 app/assets/campaign-proposal-icon.svg

diff --git a/app/assets/campaign-proposal-icon.svg b/app/assets/campaign-proposal-icon.svg
new file mode 100644
index 0000000..05f45b8
--- /dev/null
+++ b/app/assets/campaign-proposal-icon.svg
@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg width="100%" height="100%" viewBox="0 0 15 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;">
+    <path d="M0.75,7.417C0.75,5.649 1.452,3.953 2.703,2.703C3.953,1.452 5.649,0.75 7.417,0.75C9.185,0.75 10.88,1.452 12.131,2.703C13.381,3.953 14.083,5.649 14.083,7.417L14.083,11.658C14.083,12.365 14.083,12.717 13.978,12.999C13.895,13.223 13.764,13.426 13.595,13.595C13.426,13.764 13.223,13.895 12.999,13.978C12.717,14.083 12.364,14.083 11.658,14.083L7.417,14.083C5.649,14.083 3.953,13.381 2.703,12.131C1.452,10.88 0.75,9.185 0.75,7.417Z" style="fill:none;fill-rule:nonzero;stroke:rgb(183,183,243);stroke-width:1.5px;"/>
+    <g transform="matrix(1.142857,0,0,1,7.695267,8.323875)">
+        <g transform="matrix(1,0,0,1,-3.5,-2.5)">
+            <clipPath id="_clip1">
+                <rect x="0" y="0" width="7" height="5"/>
+            </clipPath>
+            <g clip-path="url(#_clip1)">
+                <path d="M0.75,0.75L5.75,0.75M3.25,4.083L5.75,4.083" style="fill:none;fill-rule:nonzero;stroke:rgb(183,183,243);stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;"/>
+            </g>
+        </g>
+    </g>
+</svg>
diff --git a/app/routes/brand-detail/components/BrandActionBar.tsx b/app/routes/brand-detail/components/BrandActionBar.tsx
index 4b8a85d..cc28683 100644
--- a/app/routes/brand-detail/components/BrandActionBar.tsx
+++ b/app/routes/brand-detail/components/BrandActionBar.tsx
@@ -1,4 +1,5 @@
 import HeartButton from "../../home/components/HeartButton";
+import proposalIconUrl from "../../../assets/campaign-proposal-icon.svg";
 
 type Props = {
   isHearted: boolean;
@@ -26,8 +27,9 @@ export default function BrandActionBar({
       <button
         type="button"
         onClick={onSuggest}
-        className="flex h-[30px] flex-1 items-center justify-center rounded-[6px] bg-[#EBEEFB] px-4 text-title3 text-text-black"
+        className="flex h-[30px] flex-1 items-center justify-center gap-1.5 rounded-[6px] bg-[#EBEEFB] px-4 text-title3 text-text-black"
       >
+        <img src={proposalIconUrl} alt="" className="h-4 w-4 select-none" draggable={false} />
         제안하기
       </button>
 
diff --git a/app/routes/brand-detail/components/ProductMiniCard.tsx b/app/routes/brand-detail/components/ProductMiniCard.tsx
index 1fecb2d..091565b 100644
--- a/app/routes/brand-detail/components/ProductMiniCard.tsx
+++ b/app/routes/brand-detail/components/ProductMiniCard.tsx
@@ -9,15 +9,10 @@ type Props = {
   onClick?: () => void; 
 };
 
-const ellipsis10 = (text?: string | null) => {
-  const safe = (text ?? "").toString();
-  return safe.length > 10 ? `${safe.slice(0, 10)}...` : safe;
-};
-
 export default function ProductMiniCard({ item, onClick }: Props) {
   return (
     <div
-      className="w-[120px] md:w-[140px] lg:w-[160px] shrink-0 mt-2 mb-2.5 cursor-pointer"
+      className="w-[150px] md:w-[170px] lg:w-[190px] shrink-0 mt-2 mb-2.5 cursor-pointer"
       onClick={onClick}
       role="button"
     >
@@ -29,8 +24,8 @@ export default function ProductMiniCard({ item, onClick }: Props) {
         />
       </div>
 
-      <div className="mt-2 text-title1 text-text-black">
-        {ellipsis10(item.productName)}
+      <div className="mt-2 line-clamp-1 text-title1 text-text-black">
+        {item.productName}
       </div>
     </div>
   );