모의투자 관리 기능 추가

This commit is contained in:
Macbook
2026-05-31 03:47:07 +09:00
parent 9d7dddfa57
commit 16d0e2c226
78 changed files with 4688 additions and 972 deletions
+36 -6
View File
@@ -1,6 +1,11 @@
/* 모의투자 — 좌측 패널·우측 탭·성과 지표 하단선 정렬 */
/* 모의투자 — 가상매매(vtd)와 동일 3열·접기 레이아웃 */
.bps-page .bps-main {
.bps-page--ptd.bps-page--vtd .bps-main {
padding: 0 10px 10px 0;
box-sizing: border-box;
}
.bps-page--ptd .bps-main {
padding: 0 10px 10px 0;
box-sizing: border-box;
}
@@ -107,7 +112,8 @@
overflow: hidden;
}
.bps-panel-body--tabs > .ptd-split-panel--left,
.bps-right-body > .ptd-right-body > .ptd-split-panel--right {
.bps-right-body > .ptd-right-body > .ptd-split-panel--right,
.trade-right-panel .bps-right-body > .ptd-right-body > .ptd-split-panel--right {
flex: 1;
min-height: 0;
}
@@ -246,7 +252,8 @@
margin-top: 4px;
}
.bps-right-body .ptd-right-body {
.bps-right-body .ptd-right-body,
.trade-right-panel .bps-right-body .ptd-right-body {
flex: 1 1 0;
min-height: 0;
height: 100%;
@@ -257,11 +264,13 @@
padding: 0;
}
.bps-right-body .ptd-right-body > .ptd-split-panel {
.bps-right-body .ptd-right-body > .ptd-split-panel,
.trade-right-panel .bps-right-body .ptd-right-body > .ptd-split-panel {
gap: 8px;
}
.bps-right-body .ptd-right-body > .ptd-split-panel--right {
.bps-right-body .ptd-right-body > .ptd-split-panel--right,
.trade-right-panel .bps-right-body .ptd-right-body > .ptd-split-panel--right {
flex: 1 1 0;
min-height: 0;
height: 100%;
@@ -415,6 +424,27 @@
container-name: trade-card;
}
/* 우측 매매 패널: container query·압축 숨김 비활성 (tradeRightPanel.css와 함께) */
.trade-right-panel .ptd-order-card,
.trade-right-panel .ptd-order-card.ptd-order-card--trade-inline {
container-type: normal;
container-name: none;
}
.trade-right-panel .ptd-split-panel--right .ptd-order-card--trade-inline .top-panel-fields {
flex: 1 1 0;
min-height: 0;
overflow: visible;
}
.trade-right-panel .ptd-split-panel--right .ptd-order-card--trade-inline > .top-panel {
overflow: visible;
}
.trade-right-panel .ptd-split-panel--right .ptd-order-card--trade-inline .top-actions {
margin-top: auto;
}
.bps-footer .ptd-metrics-grid {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));