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 = ({
{metaRows.map(row => ( -
+
{row.label} - - {row.value} - + {row.label === '캔들 시각' ? ( + + {formatSignalTime(item.candleTime)} + + {' · '} + {candleKo} + + + ) : ( + + {row.value} + + )}
))}
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;