ui(prediction): rounded-lg → rounded-md to match detail-page palette

종목 상세 페이지(/[code]) 본문에서 유일하게 남아 있던 rounded-lg
divergence. 다른 본문 카드(MetricsPanel / IntradayReturns /
PeriodReturns / CompositeScoreCard / PeerComparePanel /
TradingValuePanel / InvestorCumulative / DisclosuresPanel /
NewsList / SymbolSidebar) 가 모두 rounded-md border-zinc-800
bg-zinc-900/40 톤이라 PredictionPanel 만 모서리가 살짝 더 둥글어
시각적으로 튀었음.

홈 페이지 쪽(IndicesPanel / SeedTiles / RecentTiles) 의 rounded-lg
+ bg-zinc-900/30 묶음은 별도 슬라이스 — 홈 페이지는 카드가 더 크고
타일 그리드라 다른 톤 묶음을 의도적으로 유지할 수 있음. 이번 턴은
상세 페이지 본문 톤 완전 통일만 노림.

검증:
- npx tsc --noEmit clean
- npx next lint "✔ No ESLint warnings or errors"
This commit is contained in:
claude-owner
2026-06-01 10:44:29 +09:00
parent bd6e1dac6d
commit 3b06b95586

View File

@@ -75,7 +75,7 @@ export function PredictionPanel({ code, initial, onResult }: Props) {
const steps = pred?.steps ?? []; const steps = pred?.steps ?? [];
return ( return (
<div className="rounded-lg border border-zinc-800 bg-zinc-900/40 p-4"> <div className="rounded-md border border-zinc-800 bg-zinc-900/40 p-4">
<div className="mb-3 flex items-center justify-between gap-3"> <div className="mb-3 flex items-center justify-between gap-3">
<div> <div>
<div className="text-sm font-medium text-zinc-200"> (Chronos + LightGBM )</div> <div className="text-sm font-medium text-zinc-200"> (Chronos + LightGBM )</div>