From 6d28018a2a1c94ad127ddaf146532de4d3b5e27e Mon Sep 17 00:00:00 2001
From: Macbook <macbook@Macbookui-MacBookPro.local>
Date: Mon, 1 Jun 2026 02:01:00 +0900
Subject: [PATCH] =?UTF-8?q?=EC=95=8C=EB=A6=BC=EB=AA=A9=EB=A1=9D=20?=
 =?UTF-8?q?=EC=8B=9C=EA=B0=84=EB=B4=89=20=ED=91=9C=EC=8B=9C=EC=98=A4?=
 =?UTF-8?q?=EB=A5=98=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../TradeNotificationListRow.tsx              | 31 ++++++++++++++++---
 frontend/src/styles/tradeNotificationList.css | 14 +++++++++
 2 files changed, 41 insertions(+), 4 deletions(-)

diff --git a/frontend/src/components/tradeNotification/TradeNotificationListRow.tsx b/frontend/src/components/tradeNotification/TradeNotificationListRow.tsx
index 6fb8fdf..8140156 100644
--- a/frontend/src/components/tradeNotification/TradeNotificationListRow.tsx
+++ b/frontend/src/components/tradeNotification/TradeNotificationListRow.tsx
@@ -13,6 +13,7 @@ import {
   buildSignalDetailRows,
   formatCandleTypeKo,
   formatSignalPrice,
+  formatSignalTime,
   getMarketDisplayLine,
   getSignalTypeKo,
 } from '../../utils/tradeSignalDisplay';
@@ -239,11 +240,33 @@ const TradeNotificationListRow: React.FC<Props> = ({
 
             <div className="tnl-summary-meta">
               {metaRows.map(row => (
-                <div key={row.label} className="tnl-summary-info-row">
+                <div
+                  key={row.label}
+                  className={[
+                    'tnl-summary-info-row',
+                    row.label === '캔들 시각' ? 'tnl-summary-info-row--candle' : '',
+                  ].filter(Boolean).join(' ')}
+                >
                   <span className="tnl-summary-info-lbl">{row.label}</span>
-                  <span className={`tnl-summary-info-val${row.highlight ? ' tnl-summary-info-val--hi' : ''}`}>
-                    {row.value}
-                  </span>
+                  {row.label === '캔들 시각' ? (
+                    <span
+                      className={[
+                        'tnl-summary-info-val',
+                        'tnl-summary-info-val--candle',
+                        row.highlight ? 'tnl-summary-info-val--hi' : '',
+                      ].filter(Boolean).join(' ')}
+                    >
+                      {formatSignalTime(item.candleTime)}
+                      <span className="tnl-candle-interval">
+                        {' · '}
+                        {candleKo}
+                      </span>
+                    </span>
+                  ) : (
+                    <span className={`tnl-summary-info-val${row.highlight ? ' tnl-summary-info-val--hi' : ''}`}>
+                      {row.value}
+                    </span>
+                  )}
                 </div>
               ))}
             </div>
diff --git a/frontend/src/styles/tradeNotificationList.css b/frontend/src/styles/tradeNotificationList.css
index e062411..682a393 100644
--- a/frontend/src/styles/tradeNotificationList.css
+++ b/frontend/src/styles/tradeNotificationList.css
@@ -601,6 +601,20 @@
   gap: 10px 14px;
 }
 
+/* 캔들 시각 — 10분봉·15분봉 등 분봉 라벨이 다음 줄로 밀리지 않도록 */
+.tnl-summary-info-row--candle {
+  grid-template-columns: 88px minmax(108px, 1fr);
+}
+
+.tnl-summary-info-val--candle {
+  word-break: keep-all;
+  overflow-wrap: normal;
+}
+
+.tnl-summary-info-val--candle .tnl-candle-interval {
+  white-space: nowrap;
+}
+
 .tnl-summary-info-lbl {
   font-size: 12px;
   font-weight: 600;