fix: equalize key monitor and history card heights

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
+10 -6
View File
@@ -1,18 +1,22 @@
<style>
.key-monitor-dual-grid{align-items:start}
.key-monitor-dual-grid>.card{height:auto;min-height:0}
.key-monitor-dual-grid{align-items:stretch}
.key-monitor-dual-grid>.card{
height:100%;
min-height:0;
display:flex;
flex-direction:column;
}
.key-panel-scroll.panel-scroll.pos-list{
display:block;
flex:1 1 0;
flex:1 1 auto;
min-height:200px;
max-height:min(70vh,640px);
max-height:none;
overflow-x:hidden;
overflow-y:auto;
padding-bottom:6px;
-webkit-overflow-scrolling:touch;
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::-webkit-scrollbar{width:8px}
.key-panel-scroll.panel-scroll.pos-list::-webkit-scrollbar-thumb{background:#3a4660;border-radius:4px}
@@ -196,7 +200,7 @@
<div class="card">
<h2 style="margin-bottom:8px">关键位历史</h2>
<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 %}
<details class="key-row-collapse key-history-{{ key_history_outcome_kind(h) }}">
<summary class="key-row-collapse-summary">