Use horizontal tables for strategy and stats in centered fullscreen modal.

Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
dekun
2026-08-02 10:10:31 +08:00
parent b76ef0d248
commit 60a1e7ad48
2 changed files with 135 additions and 206 deletions
+10 -51
View File
@@ -451,21 +451,26 @@ td {
transform: translateX(20px);
}
/* 全屏遮罩;带鱼屏两侧留黑,内容始终水平垂直居中 */
.modal-backdrop {
position: fixed;
inset: 0;
background: rgba(4, 8, 14, 0.88);
width: 100vw;
height: 100vh;
background: rgba(4, 8, 14, 0.9);
display: flex;
align-items: center;
justify-content: center;
padding: 16px;
padding: 24px 16px;
z-index: 50;
overflow: auto;
box-sizing: border-box;
}
.modal-panel {
width: min(920px, 100%);
max-height: calc(100vh - 32px);
max-width: 920px;
max-height: calc(100vh - 48px);
overflow: auto;
background: var(--panel);
border: 1px solid var(--line);
@@ -474,7 +479,8 @@ td {
display: flex;
flex-direction: column;
gap: 12px;
margin: auto;
flex-shrink: 0;
box-sizing: border-box;
}
.modal-panel.running {
@@ -482,18 +488,6 @@ td {
box-shadow: 0 0 0 1px rgba(60, 179, 113, 0.2);
}
.modal-grid-2 {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 12px;
}
@media (max-width: 760px) {
.modal-grid-2 {
grid-template-columns: 1fr;
}
}
.pager {
display: flex;
align-items: center;
@@ -530,41 +524,6 @@ td {
font-size: 0.9rem;
}
.kv-table-wrap {
border: 1px solid var(--line);
border-radius: 8px;
overflow: hidden;
}
.kv-table {
width: 100%;
border-collapse: collapse;
font-size: 0.82rem;
}
.kv-table th {
width: 38%;
background: rgba(255, 255, 255, 0.03);
color: var(--muted);
font-weight: 500;
text-align: left;
padding: 6px 10px;
border-bottom: 1px solid var(--line);
white-space: nowrap;
}
.kv-table td {
padding: 6px 10px;
border-bottom: 1px solid var(--line);
text-align: left;
font-variant-numeric: tabular-nums;
}
.kv-table tr:last-child th,
.kv-table tr:last-child td {
border-bottom: none;
}
.detail-kv {
grid-template-columns: 1fr 1fr;
}