dekun/crypto_okx
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Move options convert/transfer into the positions card as a collapsed fold.

Browse Source 
Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
dekun
2026-08-16 16:09:10 +08:00
parent d0197914ea
commit cdbc947838
5 changed files with 62 additions and 70 deletions
Download Patch File Download Diff File Expand all files Collapse all files
lib/common/static/instance_theme.css
+16 -23
View File
@@ -4577,35 +4577,28 @@ html[data-theme="light"] .opt-order-chip {
gap: 16px; gap: 16px;
align-items: stretch; 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-order-card,
.options-pos-card-wrap { .options-pos-card-wrap {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
min-height: 0; 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-stack,
.options-pos-tab-body { .options-pos-tab-body {
flex: 1; flex: 1;
lib/instance/templates/embed_shell.html
+1 -1
View File
@@ -8,7 +8,7 @@
<link rel="stylesheet" href="/static/instance_theme_early.css?v=4"> <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/account_risk_badge.css?v=4">
<link rel="stylesheet" href="/static/instance_page.css?v=16"> <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/account_risk_badge.js?v=4"></script>
<script src="/static/open_submit_gate.js?v=1"></script> <script src="/static/open_submit_gate.js?v=1"></script>
<meta name="theme-color" content="#0b0d14"> <meta name="theme-color" content="#0b0d14">
lib/instance/templates/index.html
+1 -1
View File
@@ -19,7 +19,7 @@
<link rel="manifest" href="/static/icons/manifest.webmanifest"> <link rel="manifest" href="/static/icons/manifest.webmanifest">
<title>{{ pwa_app_name }}</title> <title>{{ pwa_app_name }}</title>
<link rel="stylesheet" href="/static/instance_page.css?v=16"> <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> </head>
<body <body
lib/options/templates/options_page_funds.html
+6 -4
View File
@@ -1,6 +1,7 @@
{# 期权页·下单下方:兑换 + 划转(独立 ID,避免与系统设置冲突) #} {# 期权页·持仓卡内:兑换 + 划转(默认折叠;独立 ID 避免与系统设置冲突) #}
<div class="card options-funds-card" id="options-funds-card"> <details class="opt-close-rule options-funds-fold" id="options-funds-card">
<h2>兑换 / 划转</h2> <summary>兑换 / 划转</summary>
<div class="opt-close-rule-body options-funds-fold-body">
<div class="options-settings-section"> <div class="options-settings-section">
<p class="options-settings-hint">账户资金账户:USDT ↔ USDC 现货市价单.</p> <p class="options-settings-hint">账户资金账户:USDT ↔ USDC 现货市价单.</p>
<div class="form-row settings-transfer-form options-settings-row"> <div class="form-row settings-transfer-form options-settings-row">
@@ -41,4 +42,5 @@
</div> </div>
<div id="opt-page-int-msg" class="options-settings-msg muted"></div> <div id="opt-page-int-msg" class="options-settings-msg muted"></div>
</div> </div>
</div> </div>
</details>
lib/options/templates/options_panel.html
+1 -4
View File
@@ -15,7 +15,6 @@
{% endif %} {% endif %}
<div class="options-dual-grid"> <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 %}> <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> <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"> <details class="opt-close-rule opt-open-rule">
@@ -182,9 +181,6 @@
</div> </div>
</div> </div>
{% include 'options_page_funds.html' %}
</div>
<div class="card options-pos-card-wrap"> <div class="card options-pos-card-wrap">
<div class="options-pos-head"> <div class="options-pos-head">
<h2>持仓</h2> <h2>持仓</h2>
@@ -350,6 +346,7 @@
</div> </div>
</div> </div>
</div> </div>
{% include 'options_page_funds.html' %}
</div> </div>
</div> </div>
</div> </div>