알림목록 시간봉 표시오류 수정

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>

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;