Move options convert/transfer into the positions card as a collapsed fold.
Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
@@ -4577,35 +4577,28 @@ html[data-theme="light"] .opt-order-chip {
|
||||
gap: 16px;
|
||||
align-items: stretch;
|
||||
}
|
||||
.options-order-col {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 12px;
|
||||
min-width: 0;
|
||||
}
|
||||
.options-funds-card {
|
||||
flex: 0 0 auto;
|
||||
}
|
||||
.options-funds-card h2 {
|
||||
margin: 0 0 8px;
|
||||
font-size: 0.9rem;
|
||||
font-weight: 600;
|
||||
}
|
||||
.options-funds-card .options-settings-section + .options-settings-section {
|
||||
margin-top: 12px;
|
||||
padding-top: 10px;
|
||||
border-top: 1px solid var(--border-soft, #2a3150);
|
||||
}
|
||||
.options-funds-card .options-settings-hint {
|
||||
margin: 0 0 6px;
|
||||
font-size: 0.72rem;
|
||||
}
|
||||
.options-order-card,
|
||||
.options-pos-card-wrap {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
min-height: 0;
|
||||
}
|
||||
.options-funds-fold {
|
||||
flex-shrink: 0;
|
||||
margin-top: 10px;
|
||||
}
|
||||
.options-funds-fold-body {
|
||||
padding-top: 8px;
|
||||
}
|
||||
.options-funds-fold .options-settings-section + .options-settings-section {
|
||||
margin-top: 10px;
|
||||
padding-top: 8px;
|
||||
border-top: 1px solid var(--border-soft, #2a3150);
|
||||
}
|
||||
.options-funds-fold .options-settings-hint {
|
||||
margin: 0 0 6px;
|
||||
font-size: 0.72rem;
|
||||
}
|
||||
.options-pos-stack,
|
||||
.options-pos-tab-body {
|
||||
flex: 1;
|
||||
|
||||
@@ -8,7 +8,7 @@
|
||||
<link rel="stylesheet" href="/static/instance_theme_early.css?v=4">
|
||||
<link rel="stylesheet" href="/static/account_risk_badge.css?v=4">
|
||||
<link rel="stylesheet" href="/static/instance_page.css?v=16">
|
||||
<link rel="stylesheet" href="/static/instance_theme.css?v=119">
|
||||
<link rel="stylesheet" href="/static/instance_theme.css?v=120">
|
||||
<script src="/static/account_risk_badge.js?v=4"></script>
|
||||
<script src="/static/open_submit_gate.js?v=1"></script>
|
||||
<meta name="theme-color" content="#0b0d14">
|
||||
|
||||
@@ -19,7 +19,7 @@
|
||||
<link rel="manifest" href="/static/icons/manifest.webmanifest">
|
||||
<title>{{ pwa_app_name }}</title>
|
||||
<link rel="stylesheet" href="/static/instance_page.css?v=16">
|
||||
<link rel="stylesheet" href="/static/instance_theme.css?v=119">
|
||||
<link rel="stylesheet" href="/static/instance_theme.css?v=120">
|
||||
|
||||
</head>
|
||||
<body
|
||||
|
||||
@@ -1,6 +1,7 @@
|
||||
{# 期权页·下单下方:兑换 + 划转(独立 ID,避免与系统设置冲突) #}
|
||||
<div class="card options-funds-card" id="options-funds-card">
|
||||
<h2>兑换 / 划转</h2>
|
||||
{# 期权页·持仓卡内:兑换 + 划转(默认折叠;独立 ID 避免与系统设置冲突) #}
|
||||
<details class="opt-close-rule options-funds-fold" id="options-funds-card">
|
||||
<summary>兑换 / 划转</summary>
|
||||
<div class="opt-close-rule-body options-funds-fold-body">
|
||||
<div class="options-settings-section">
|
||||
<p class="options-settings-hint">账户资金账户:USDT ↔ USDC 现货市价单.</p>
|
||||
<div class="form-row settings-transfer-form options-settings-row">
|
||||
@@ -42,3 +43,4 @@
|
||||
<div id="opt-page-int-msg" class="options-settings-msg muted"></div>
|
||||
</div>
|
||||
</div>
|
||||
</details>
|
||||
|
||||
@@ -15,7 +15,6 @@
|
||||
{% endif %}
|
||||
|
||||
<div class="options-dual-grid">
|
||||
<div class="options-order-col">
|
||||
<div class="card options-order-card"{% if options_open_allowed is defined and not options_open_allowed %} style="opacity:.72"{% endif %}>
|
||||
<h2>期权下单{% if options_open_allowed is defined and not options_open_allowed %} <small class="muted">(对冲模式已禁用开仓)</small>{% endif %}</h2>
|
||||
<details class="opt-close-rule opt-open-rule">
|
||||
@@ -182,9 +181,6 @@
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{% include 'options_page_funds.html' %}
|
||||
</div>
|
||||
|
||||
<div class="card options-pos-card-wrap">
|
||||
<div class="options-pos-head">
|
||||
<h2>持仓</h2>
|
||||
@@ -350,6 +346,7 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{% include 'options_page_funds.html' %}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user