diff --git a/src/pages/stock/Stock.css b/src/pages/stock/Stock.css index 83fb872..76e4afe 100644 --- a/src/pages/stock/Stock.css +++ b/src/pages/stock/Stock.css @@ -833,6 +833,17 @@ .pf-total-summary__card strong { font-size: 16px; color: var(--text); + white-space: nowrap; +} + +.pf-total-summary__card strong.is-fit-sm { + font-size: 13px; + letter-spacing: -0.01em; +} + +.pf-total-summary__card strong.is-fit-xs { + font-size: 11px; + letter-spacing: -0.02em; } .pf-item-actions { @@ -955,6 +966,14 @@ .pf-total-summary__card strong { font-size: 14px; } + + .pf-total-summary__card strong.is-fit-sm { + font-size: 12px; + } + + .pf-total-summary__card strong.is-fit-xs { + font-size: 10px; + } } /* ── Cash Panel (예수금) ─────────────────────────────────────────── */ diff --git a/src/pages/stock/components/PortfolioTab.jsx b/src/pages/stock/components/PortfolioTab.jsx index b1692b4..43c016e 100644 --- a/src/pages/stock/components/PortfolioTab.jsx +++ b/src/pages/stock/components/PortfolioTab.jsx @@ -4,7 +4,7 @@ import { ResponsiveContainer, AreaChart, Area, XAxis, YAxis, Tooltip as ChartTooltip, } from 'recharts'; -import { formatNumber, formatPercent, toNumeric, profitColorClass } from '../stockUtils'; +import { formatNumber, formatPercent, toNumeric, profitColorClass, numFitClass } from '../stockUtils'; const PortfolioTab = ({ pf, asset, handleSell, handleSaveSnapshot }) => ( <> @@ -140,32 +140,38 @@ const PortfolioTab = ({ pf, asset, handleSell, handleSaveSnapshot }) => ( { label: '총 평가', value: pf.portfolioSummary.total_eval }, { label: '총 손익', value: pf.portfolioSummary.total_profit, isProfit: true }, { label: '수익률', value: pf.portfolioSummary.total_profit_rate, isRate: true }, - ].map((s) => ( -