모의투자 관리 기능 추가
This commit is contained in:
@@ -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));
|
||||
|
||||
Reference in New Issue
Block a user