diff --git a/frontend/src/styles/analysisReportPage.css b/frontend/src/styles/analysisReportPage.css index 87542f8..9c078ba 100644 --- a/frontend/src/styles/analysisReportPage.css +++ b/frontend/src/styles/analysisReportPage.css @@ -177,14 +177,22 @@ .bps-page--arp .arp-center-inner { width: 100%; - max-width: 960px; - margin: 0 auto; + max-width: none; + margin: 0; } -/* 중앙 분석 카드 — 우측 시그널 카드와 동일 높이 */ +.bps-page--arp .arp-center-tab-body .arp-center-inner { + flex: 1; + min-height: 0; + width: 100%; + display: flex; + flex-direction: column; + overflow: hidden; +} .bps-page--arp .arp-center-shell { flex: 1; min-height: 0; + height: 100%; display: flex; flex-direction: column; border-radius: 14px; @@ -238,11 +246,7 @@ overflow: hidden; } -.bps-page--arp .arp-center-tab-body .arp-center-inner { - flex: 1; - min-height: 0; - overflow: auto; -} +/* 중앙 분석 카드 — 우측 시그널 카드와 동일 높이 */ .bps-page--arp .arp-center-tab-body .arp-report-empty { flex: 1; @@ -1564,12 +1568,42 @@ /* BacktestDashboard — 레포트 레이아웃 (색상은 테마 유지) */ .bps-page--arp .arp-center-inner .brd-dashboard, .bps-page--arp .arp-center-inner .brd-dashboard--report { + flex: 1; + min-height: 0; + width: 100%; + height: 100%; padding: 0; background: transparent; - min-height: auto; - height: auto; gap: 10px; - overflow: visible; + overflow: auto; + display: flex; + flex-direction: column; +} + +.bps-page--arp .arp-center-inner .brd-dashboard--report > .brd-dash-header, +.bps-page--arp .arp-center-inner .brd-dashboard--report > .brd-row:first-of-type { + flex-shrink: 0; +} + +.bps-page--arp .arp-center-inner .brd-dashboard--report > .brd-row--3col, +.bps-page--arp .arp-center-inner .brd-dashboard--report > .brd-row--2col { + flex: 1; + min-height: 0; + align-items: stretch; +} + +.bps-page--arp .arp-center-inner .brd-dashboard--report .brd-row--3col .brd-card, +.bps-page--arp .arp-center-inner .brd-dashboard--report .brd-row--2col .brd-card { + display: flex; + flex-direction: column; + min-height: 0; + height: 100%; +} + +.bps-page--arp .arp-center-inner .brd-dashboard--report .brd-card-body { + flex: 1; + min-height: 0; + overflow: auto; } .bps-page--arp .arp-center-inner .brd-dash-header {