dekun
41 lines
2.5 KiB
HTML
41 lines
2.5 KiB
HTML
<style>
|
|
.trade-panels-row,.dual-panel-grid,.strategy-trading-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-items:stretch}
|
|
.strategy-trading-grid .card{min-height:320px;display:flex;flex-direction:column}
|
|
.strategy-trading-grid .panel-scroll{flex:1;overflow:auto;max-height:78vh}
|
|
.strategy-panel-inner.trend-card{display:flex;flex-direction:column;gap:12px}
|
|
.trend-running-plans{padding-top:14px;border-top:1px solid #2a3150}
|
|
.running-plans-stack{display:flex;flex-direction:column;gap:12px;margin-top:10px}
|
|
.plan-position-card{background:#141a2a;border:1px solid #2a3150;border-radius:12px;padding:12px 14px}
|
|
.plan-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:8px}
|
|
.plan-card-title{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:1rem;font-weight:700;color:#f0f2ff}
|
|
.plan-card-meta{font-size:.76rem;color:#8892b0;line-height:1.55;margin-bottom:10px}
|
|
.plan-card-meta .accent{color:#6ab8ff}
|
|
.plan-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 14px;margin-bottom:10px}
|
|
.plan-cell{display:flex;flex-direction:column;gap:3px}
|
|
.plan-cell .lbl{font-size:.72rem;color:#8b95b8}
|
|
.plan-cell .val{color:#f0f2ff;font-size:.88rem;font-weight:500}
|
|
.plan-cell .val.pnl-profit{color:#4cd97f}
|
|
.plan-cell .val.pnl-loss{color:#ff6666}
|
|
.plan-cell .val.pnl-neutral{color:#cfd3ef}
|
|
.btn-close-plan{padding:7px 14px;background:#5c1e2a;color:#ffb4b4;border:none;border-radius:8px;cursor:pointer;font-size:.82rem;font-weight:600;text-decoration:none;white-space:nowrap;display:inline-block}
|
|
.btn-close-plan:hover{filter:brightness(1.08)}
|
|
@media (max-width:720px){
|
|
.plan-card-grid{grid-template-columns:1fr}
|
|
}
|
|
@media (max-width:1200px){
|
|
.trade-panels-row,.dual-panel-grid,.strategy-trading-grid{grid-template-columns:1fr}
|
|
}
|
|
</style>
|
|
<div class="dual-panel-grid trade-panels-row strategy-trading-grid" style="grid-column:1/-1;align-items:stretch">
|
|
<div class="card strategy-panel-trend" style="display:flex;flex-direction:column;min-height:320px">
|
|
<div class="panel-scroll" style="flex:1;max-height:78vh;overflow:auto">
|
|
{% include 'strategy_trend_panel.html' %}
|
|
</div>
|
|
</div>
|
|
<div class="card strategy-panel-roll" style="display:flex;flex-direction:column;min-height:320px">
|
|
<div class="panel-scroll" style="flex:1;max-height:78vh;overflow:auto">
|
|
{% include 'strategy_roll_panel.html' %}
|
|
</div>
|
|
</div>
|
|
</div>
|