Align trade record verify/edit UX with Binance instance single-row prompts.

Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
dekun
2026-06-30 22:02:48 +08:00
parent b6b7bfb248
commit 32838daae0
5 changed files with 259 additions and 139 deletions
+65
View File
@@ -93,6 +93,66 @@
display: flex;
}
.records-page .records-verify-toggle {
display: flex;
align-items: center;
gap: .45rem;
margin-bottom: .75rem;
font-size: .82rem;
color: var(--text-muted);
cursor: pointer;
}
.records-page .records-verify-toggle input {
flex-shrink: 0;
}
.records-trade-card .records-src-badge {
margin-left: .25rem;
font-size: .65rem;
}
.records-trade-card .records-verified-inline {
margin-left: .25rem;
}
.records-trade-card .btn-records-action,
.records-trade-table-wrap .btn-records-action {
background: #1f3a5a;
color: #8fc8ff;
border: none;
border-radius: 6px;
padding: .3rem .55rem;
font-size: .72rem;
text-decoration: none;
cursor: pointer;
white-space: nowrap;
}
.records-trade-card .btn-records-action:disabled,
.records-trade-table-wrap .btn-records-action:disabled {
opacity: .45;
cursor: not-allowed;
}
.records-trade-card .btn-records-del,
.records-trade-table-wrap .btn-records-del {
background: rgba(239, 68, 68, .15);
color: var(--loss);
border: none;
border-radius: 6px;
padding: .3rem .55rem;
font-size: .72rem;
text-decoration: none;
cursor: pointer;
white-space: nowrap;
}
.records-trade-card .records-trade-actions,
.records-trade-table-wrap .records-trade-actions {
min-width: 15.5rem;
}
#trade-detail-modal .records-detail-grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
@@ -303,6 +363,11 @@ html:is([data-layout="tablet"], .layout-tablet) .records-page .records-desktop-o
display: none !important;
}
html:is([data-mobile="1"], .layout-phone) .records-page .records-verify-toggle,
html:is([data-layout="phone"], .layout-phone) .records-page .records-verify-toggle {
display: flex;
}
html:is([data-mobile="1"], .layout-phone) .records-page .records-trade-card .card-body,
html:is([data-layout="phone"], .layout-phone) .records-page .records-trade-card .card-body {
padding: 0;