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

fix: equalize key monitor and history card heights

Browse Source 
Stretch both cards in the dual panel grid while keeping list areas scrollable inside.

Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
dekun
2026-06-11 10:04:03 +08:00
parent acce230a0d
commit b671c05b1b
1 changed files with 10 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files
strategy_templates/key_monitor_panel.html
+10 -6
View File
@@ -1,18 +1,22 @@
<style> <style>
.key-monitor-dual-grid{align-items:start} .key-monitor-dual-grid{align-items:stretch}
.key-monitor-dual-grid>.card{height:auto;min-height:0} .key-monitor-dual-grid>.card{
height:100%;
min-height:0;
display:flex;
flex-direction:column;
}
.key-panel-scroll.panel-scroll.pos-list{ .key-panel-scroll.panel-scroll.pos-list{
display:block; display:block;
flex:1 1 0; flex:1 1 auto;
min-height:200px; min-height:200px;
max-height:min(70vh,640px); max-height:none;
overflow-x:hidden; overflow-x:hidden;
overflow-y:auto; overflow-y:auto;
padding-bottom:6px; padding-bottom:6px;
-webkit-overflow-scrolling:touch; -webkit-overflow-scrolling:touch;
scrollbar-gutter:stable; scrollbar-gutter:stable;
} }
.key-history-scroll.key-panel-scroll{max-height:min(72vh,680px)}
.key-panel-scroll.panel-scroll.pos-list .key-row-collapse{flex-shrink:0} .key-panel-scroll.panel-scroll.pos-list .key-row-collapse{flex-shrink:0}
.key-panel-scroll.panel-scroll.pos-list::-webkit-scrollbar{width:8px} .key-panel-scroll.panel-scroll.pos-list::-webkit-scrollbar{width:8px}
.key-panel-scroll.panel-scroll.pos-list::-webkit-scrollbar-thumb{background:#3a4660;border-radius:4px} .key-panel-scroll.panel-scroll.pos-list::-webkit-scrollbar-thumb{background:#3a4660;border-radius:4px}
@@ -196,7 +200,7 @@
<div class="card"> <div class="card">
<h2 style="margin-bottom:8px">关键位历史</h2> <h2 style="margin-bottom:8px">关键位历史</h2>
<div class="sub" style="font-size:.72rem;color:#8892b0;margin-bottom:8px">失效或已结案的关键位 · 点击展开详情</div> <div class="sub" style="font-size:.72rem;color:#8892b0;margin-bottom:8px">失效或已结案的关键位 · 点击展开详情</div>
<div class="panel-scroll pos-list key-panel-scroll key-history-scroll"> <div class="panel-scroll pos-list key-panel-scroll">
{% for h in key_history %} {% for h in key_history %}
<details class="key-row-collapse key-history-{{ key_history_outcome_kind(h) }}"> <details class="key-row-collapse key-history-{{ key_history_outcome_kind(h) }}">
<summary class="key-row-collapse-summary"> <summary class="key-row-collapse-summary">