feat: apply B-147 visual tokens to remaining market data pages
Unify ladder, themes, rotation, auction, dragon-tiger and popularity with shared tokens, left-aligned first columns, and table density. Co-authored-by: Cursor <cursoragent@cursor.com> Co-authored-by: multica-agent <github@multica.ai>
This commit is contained in:
MS-01-Codex
co-authored by
Cursor
multica-agent
Cursor
multica-agent
parent
6ab910eeea
commit
ad08d309c6
+33
-19
@@ -82,7 +82,7 @@
|
||||
}
|
||||
|
||||
.dragon-operation-table th {
|
||||
background: rgb(232, 240, 244);
|
||||
background: var(--table-header);
|
||||
}
|
||||
|
||||
.seat-cell {
|
||||
@@ -952,6 +952,10 @@
|
||||
margin: 0px;
|
||||
|
||||
color: var(--r2-ink);
|
||||
|
||||
font-size: var(--font-size-page-title);
|
||||
|
||||
font-weight: var(--font-weight-semibold);
|
||||
}
|
||||
|
||||
.dragon-title-v2 > span {
|
||||
@@ -991,7 +995,7 @@
|
||||
|
||||
align-items: center;
|
||||
|
||||
min-height: 34px;
|
||||
min-height: 32px;
|
||||
|
||||
padding: 3px;
|
||||
|
||||
@@ -1003,19 +1007,19 @@
|
||||
}
|
||||
|
||||
.dragon-view-tabs-v2 button {
|
||||
min-height: 27px;
|
||||
min-height: 26px;
|
||||
|
||||
padding: 0px 13px;
|
||||
|
||||
border: 0px;
|
||||
|
||||
border-radius: 5px;
|
||||
border-radius: 6px;
|
||||
|
||||
background: transparent;
|
||||
|
||||
color: var(--r2-sub);
|
||||
|
||||
font-size: 11px;
|
||||
font-size: var(--font-size-label);
|
||||
|
||||
cursor: pointer;
|
||||
}
|
||||
@@ -1037,11 +1041,15 @@
|
||||
}
|
||||
|
||||
.dragon-action-v2 {
|
||||
min-height: 34px;
|
||||
min-height: 32px;
|
||||
|
||||
padding: 0px 11px;
|
||||
height: 32px;
|
||||
|
||||
border-radius: 7px;
|
||||
padding: 0px 12px;
|
||||
|
||||
border-radius: 8px;
|
||||
|
||||
font-size: var(--font-size-label);
|
||||
}
|
||||
|
||||
.dragon-action-v2 .lucide {
|
||||
@@ -1101,9 +1109,9 @@
|
||||
}
|
||||
|
||||
.dragon-summary-v2 .dragon-metric span {
|
||||
color: var(--r2-sub);
|
||||
color: var(--text-3);
|
||||
|
||||
font-size: 11px;
|
||||
font-size: var(--font-size-caption);
|
||||
}
|
||||
|
||||
.dragon-summary-v2 .dragon-metric strong {
|
||||
@@ -1111,9 +1119,9 @@
|
||||
|
||||
color: var(--r2-ink);
|
||||
|
||||
font-size: 18px;
|
||||
font-size: var(--font-size-metric);
|
||||
|
||||
font-weight: 750;
|
||||
font-weight: var(--font-weight-semibold);
|
||||
|
||||
font-variant-numeric: tabular-nums;
|
||||
}
|
||||
@@ -1245,7 +1253,7 @@
|
||||
|
||||
width: 230px;
|
||||
|
||||
height: 33px;
|
||||
height: 32px;
|
||||
|
||||
flex: 0 0 auto;
|
||||
|
||||
@@ -1253,9 +1261,9 @@
|
||||
|
||||
padding: 0px 10px;
|
||||
|
||||
border: 1px solid rgb(216, 221, 229);
|
||||
border: 1px solid var(--border-strong);
|
||||
|
||||
border-radius: 7px;
|
||||
border-radius: 8px;
|
||||
|
||||
color: var(--r2-faint);
|
||||
|
||||
@@ -1263,9 +1271,9 @@
|
||||
}
|
||||
|
||||
.dragon-search-v2:focus-within {
|
||||
border-color: rgb(150, 181, 242);
|
||||
border-color: var(--accent);
|
||||
|
||||
box-shadow: rgba(37, 99, 235, 0.09) 0px 0px 0px 3px;
|
||||
box-shadow: 0 0 0 2px var(--focus-ring);
|
||||
}
|
||||
|
||||
.dragon-search-v2 .lucide {
|
||||
@@ -1421,7 +1429,7 @@
|
||||
#dragonView .dragon-operation-table :is(th, td).row-number {
|
||||
padding-inline: 8px;
|
||||
|
||||
text-align: center;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
#dragonView .dragon-operation-table td.stock-code {
|
||||
@@ -1435,6 +1443,12 @@
|
||||
|
||||
z-index: 2;
|
||||
|
||||
height: 36px;
|
||||
|
||||
padding: 0 12px;
|
||||
|
||||
font-size: var(--font-size-caption);
|
||||
|
||||
background: var(--surface-subtle);
|
||||
}
|
||||
|
||||
@@ -2389,7 +2403,7 @@ table.tbl {
|
||||
|
||||
border-collapse: collapse;
|
||||
|
||||
font-size: 12.5px;
|
||||
font-size: var(--font-size-table);
|
||||
}
|
||||
|
||||
.tbl .num {
|
||||
|
||||
@@ -299,10 +299,10 @@ function renderDragonTraderDetail(trader) {
|
||||
<div class="trader-operations table-frame tbl-wrap">
|
||||
<table class="data-table tbl dragon-operation-table">
|
||||
<colgroup><col class="dragon-col-index"><col class="dragon-col-stock"><col class="dragon-col-direction"><col class="dragon-col-number"><col class="dragon-col-number"><col class="dragon-col-number"><col class="dragon-col-number"><col class="dragon-col-seat"><col class="dragon-col-reason"></colgroup>
|
||||
<thead><tr><th class="row-number num">序号</th><th>股票</th><th>方向</th><th class="number num">涨幅（%）</th><th class="number num">买入（百万）</th><th class="number num">卖出（百万）</th><th class="number num">净额（百万）</th><th>关联席位</th><th class="reason-column">标签 / 上榜原因</th></tr></thead>
|
||||
<thead><tr><th class="row-number">序号</th><th>股票</th><th>方向</th><th class="number num">涨幅（%）</th><th class="number num">买入（百万）</th><th class="number num">卖出（百万）</th><th class="number num">净额（百万）</th><th>关联席位</th><th class="reason-column">标签 / 上榜原因</th></tr></thead>
|
||||
<tbody>${(trader.operations || []).map((operation, index) => `
|
||||
<tr data-code="${escapeHtml(operation.code)}">
|
||||
<td class="row-number num">${index + 1}</td>
|
||||
<td class="row-number">${index + 1}</td>
|
||||
<td><strong class="sname">${escapeHtml(operation.name)}</strong><span class="scode">${escapeHtml(operation.code)}</span></td>
|
||||
<td><span class="direction-label ${changeClass(operation.net_buy_million)}">${escapeHtml(operation.direction)}</span></td>
|
||||
<td class="number num ${operation.change == null ? "" : changeClass(operation.change)}">${operation.change == null ? "" : signed(operation.change)}</td>
|
||||
|
||||
Reference in New Issue
Block a user