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

Center detail modal at 920px with table layout for strategy and stats.

Browse Source 
Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
dekun
2026-08-02 10:06:41 +08:00
parent 18fdfc6d0a
commit b76ef0d248
2 changed files with 288 additions and 198 deletions
Download Patch File Download Diff File Expand all files Collapse all files
control/frontend/src/styles.css
+67 -14
View File
@@ -454,27 +454,44 @@ td {
.modal-backdrop {
position: fixed;
inset: 0;
background: rgba(4, 8, 14, 0.92);
background: rgba(4, 8, 14, 0.88);
display: flex;
align-items: center;
justify-content: center;
padding: 16px;
z-index: 50;
overflow: auto;
}
.modal-panel {
width: 100%;
height: 100%;
max-height: none;
width: min(920px, 100%);
max-height: calc(100vh - 32px);
overflow: auto;
background: var(--panel);
border: none;
border-radius: 0;
padding: 20px 24px 28px;
border: 1px solid var(--line);
border-radius: 12px;
padding: 16px 18px 18px;
display: flex;
flex-direction: column;
gap: 16px;
gap: 12px;
margin: auto;
}
.modal-panel.running {
box-shadow: inset 0 0 0 2px rgba(60, 179, 113, 0.45);
border-color: rgba(60, 179, 113, 0.65);
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 {
@@ -482,12 +499,12 @@ td {
align-items: center;
justify-content: space-between;
gap: 12px;
margin-top: 10px;
margin-top: 8px;
}
.pager-meta {
color: var(--muted);
font-size: 0.85rem;
font-size: 0.8rem;
font-variant-numeric: tabular-nums;
}
@@ -501,15 +518,51 @@ td {
justify-content: space-between;
align-items: flex-start;
gap: 12px;
flex-shrink: 0;
}
.modal-head h3 {
margin: 0 0 4px;
margin: 0 0 2px;
}
.modal-section h4 {
margin: 0 0 8px;
font-size: 0.95rem;
margin: 0 0 6px;
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 {