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

feat: settings risk sections as 2x2 nested subcards

Browse Source 
Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
dekun
2026-07-07 01:58:06 +08:00
parent fc6f85e76c
commit 3b494932c7
4 changed files with 54 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files
lib/common/static/instance_theme.css
+33
View File
@@ -2201,6 +2201,38 @@ html[data-theme="light"] .journal-detail-img-thumb {
font-size: 0.8rem;
}
.settings-risk-sections {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 12px;
margin-top: 14px;
}
.settings-subcard {
padding: 12px 14px;
min-width: 0;
margin: 0;
}
.settings-subcard-title {
margin: 0 0 10px;
font-size: 0.9rem;
font-weight: 600;
color: #cfd3ef;
}
.settings-kv--compact .settings-kv-row {
grid-template-columns: 8.5em 1fr;
padding: 5px 0;
font-size: 0.8rem;
}
@media (max-width: 720px) {
.settings-risk-sections {
grid-template-columns: minmax(0, 1fr);
}
}
.settings-section {
margin-top: 14px;
padding-top: 12px;
@@ -2282,6 +2314,7 @@ html[data-theme="light"] .settings-section {
border-top-color: #d0dae4;
}
html[data-theme="light"] .settings-subcard-title,
html[data-theme="light"] .settings-section h3,
html[data-theme="light"] .settings-kv-value {
color: #142232;
lib/instance/templates/embed_shell.html
+1 -1
View File
@@ -7,7 +7,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=3">
<link rel="stylesheet" href="/static/instance_theme.css?v=58">
<link rel="stylesheet" href="/static/instance_theme.css?v=59">
<script src="/static/account_risk_badge.js?v=4"></script>
<meta name="theme-color" content="#0b0d14">
<title>{{ exchange_display }} · 加密货币 | 交易监控复盘系统</title>
lib/instance/templates/index.html
+1 -1
View File
@@ -17,7 +17,7 @@
<link rel="manifest" href="/static/icons/manifest.webmanifest">
<title>{{ exchange_display }} · 加密货币 | 交易监控复盘系统</title>
<link rel="stylesheet" href="/static/instance_page.css?v=1">
<link rel="stylesheet" href="/static/instance_theme.css?v=58">
<link rel="stylesheet" href="/static/instance_theme.css?v=59">
</head>
<body
lib/instance/templates/settings_panel.html
+19 -17
View File
@@ -16,24 +16,26 @@
<p class="settings-policy-note">账户限制：{{ instance_settings.trade_policy_note }}</p>
{% endif %}
<p class="settings-env-hint">以下参数读取自本实例 <code>.env</code>，修改后需重启进程生效。</p>
{% for section in instance_settings.sections %}
<div class="settings-section">
<h3>{{ section.title }}</h3>
<dl class="settings-kv">
{% for row in section.rows %}
<div class="settings-kv-row">
<dt>{{ row.label }}</dt>
<dd>
<span class="settings-kv-value">{{ row.value }}</span>
{% if row.note %}
<span class="settings-kv-note">{{ row.note }}</span>
{% endif %}
</dd>
</div>
{% endfor %}
</dl>
<div class="settings-risk-sections">
{% for section in instance_settings.sections %}
<div class="card settings-subcard">
<h3 class="settings-subcard-title">{{ section.title }}</h3>
<dl class="settings-kv settings-kv--compact">
{% for row in section.rows %}
<div class="settings-kv-row">
<dt>{{ row.label }}</dt>
<dd>
<span class="settings-kv-value">{{ row.value }}</span>
{% if row.note %}
<span class="settings-kv-note">{{ row.note }}</span>
{% endif %}
</dd>
</div>
{% endfor %}
</dl>
</div>
{% endfor %}
</div>
{% endfor %}
</div>
<div class="settings-side-col">