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
+47
-36
@@ -1,8 +1,8 @@
|
||||
/* Canonical CSS owner: auction. Historical layers consolidated 2026-08-02. */
|
||||
#auctionView .section-toolbar h2 {
|
||||
font-size: 17px;
|
||||
font-size: var(--font-size-page-title);
|
||||
|
||||
font-weight: 800;
|
||||
font-weight: var(--font-weight-semibold);
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
@@ -354,9 +354,9 @@
|
||||
}
|
||||
|
||||
.auction-phase-notice[data-phase="archive"] {
|
||||
background: rgb(238, 242, 246);
|
||||
background: var(--surface-muted);
|
||||
|
||||
color: rgb(89, 101, 116);
|
||||
color: var(--text-2);
|
||||
}
|
||||
|
||||
.auction-phase-marker {
|
||||
@@ -374,7 +374,7 @@
|
||||
.auction-table {
|
||||
min-width: 860px;
|
||||
|
||||
font-size: 12.5px;
|
||||
font-size: var(--font-size-table);
|
||||
}
|
||||
|
||||
.auction-table tbody tr:hover td {
|
||||
@@ -462,7 +462,7 @@
|
||||
|
||||
transition: opacity var(--motion-fast) ease;
|
||||
|
||||
background: rgb(201, 214, 238);
|
||||
background: var(--accent-soft);
|
||||
}
|
||||
|
||||
.auction-amount-average {
|
||||
@@ -522,7 +522,7 @@
|
||||
}
|
||||
|
||||
.auction-table td {
|
||||
height: 44px;
|
||||
height: 40px;
|
||||
|
||||
padding-right: 12px;
|
||||
|
||||
@@ -530,7 +530,7 @@
|
||||
|
||||
border-right: 0px;
|
||||
|
||||
border-bottom-color: rgb(232, 237, 241);
|
||||
border-bottom-color: var(--border);
|
||||
}
|
||||
|
||||
.auction-table th {
|
||||
@@ -540,13 +540,13 @@
|
||||
|
||||
border-right: 0px;
|
||||
|
||||
height: 38px;
|
||||
height: 36px;
|
||||
|
||||
color: rgb(107, 114, 128);
|
||||
color: var(--text-2);
|
||||
|
||||
font-size: 12px;
|
||||
font-size: var(--font-size-caption);
|
||||
|
||||
border-bottom-color: rgb(232, 237, 241);
|
||||
border-bottom-color: var(--border);
|
||||
|
||||
background: var(--table-header);
|
||||
}
|
||||
@@ -694,9 +694,9 @@
|
||||
|
||||
color: var(--r2-ink);
|
||||
|
||||
font-size: 17px;
|
||||
font-size: var(--font-size-page-title);
|
||||
|
||||
font-weight: 800;
|
||||
font-weight: var(--font-weight-semibold);
|
||||
|
||||
letter-spacing: 0px;
|
||||
}
|
||||
@@ -812,13 +812,13 @@
|
||||
100% {
|
||||
opacity: 0.42;
|
||||
|
||||
box-shadow: rgba(37, 99, 235, 0.18) 0px 0px 0px 0px;
|
||||
box-shadow: 0 0 0 0 var(--focus-ring);
|
||||
}
|
||||
|
||||
50% {
|
||||
opacity: 1;
|
||||
|
||||
box-shadow: rgba(37, 99, 235, 0) 0px 0px 0px 4px;
|
||||
box-shadow: 0 0 0 4px transparent;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -896,7 +896,9 @@
|
||||
|
||||
.auction-export-button,
|
||||
.auction-refresh-button {
|
||||
min-height: 30px;
|
||||
min-height: 32px;
|
||||
|
||||
height: 32px;
|
||||
|
||||
display: inline-flex;
|
||||
|
||||
@@ -906,17 +908,17 @@
|
||||
|
||||
gap: 5px;
|
||||
|
||||
padding: 5px 11px;
|
||||
padding: 0 12px;
|
||||
|
||||
border: 1px solid var(--r2-line);
|
||||
border: 1px solid var(--border-strong);
|
||||
|
||||
border-radius: 7px;
|
||||
border-radius: 8px;
|
||||
|
||||
background: var(--surface);
|
||||
|
||||
color: var(--text-primary);
|
||||
|
||||
font-size: 12px;
|
||||
font-size: var(--font-size-label);
|
||||
|
||||
font-weight: 500;
|
||||
|
||||
@@ -1144,7 +1146,7 @@
|
||||
.auction-search-v2 {
|
||||
min-width: 0px;
|
||||
|
||||
height: 31px;
|
||||
height: 32px;
|
||||
|
||||
display: flex;
|
||||
|
||||
@@ -1154,9 +1156,9 @@
|
||||
|
||||
padding: 0px 9px;
|
||||
|
||||
border: 1px solid var(--r2-line);
|
||||
border: 1px solid var(--border-strong);
|
||||
|
||||
border-radius: 7px;
|
||||
border-radius: 8px;
|
||||
|
||||
background: var(--surface);
|
||||
}
|
||||
@@ -1193,7 +1195,7 @@
|
||||
.auction-filter-segments button:focus-visible,
|
||||
.auction-refresh-button:focus-visible,
|
||||
.auction-tabs-v2 button:focus-visible {
|
||||
outline: rgba(37, 99, 235, 0.28) solid 2px;
|
||||
outline: 2px solid var(--accent);
|
||||
|
||||
outline-offset: 2px;
|
||||
}
|
||||
@@ -1219,7 +1221,7 @@
|
||||
|
||||
border-collapse: collapse;
|
||||
|
||||
font-size: 12.5px;
|
||||
font-size: var(--font-size-table);
|
||||
}
|
||||
|
||||
.auction-table-v2 thead th {
|
||||
@@ -1229,12 +1231,16 @@
|
||||
|
||||
z-index: 2;
|
||||
|
||||
height: 35px;
|
||||
height: 36px;
|
||||
|
||||
padding: 0 12px;
|
||||
|
||||
background: var(--table-header);
|
||||
|
||||
color: var(--r2-sub);
|
||||
|
||||
font-size: var(--font-size-caption);
|
||||
|
||||
font-weight: 600;
|
||||
|
||||
text-align: left;
|
||||
@@ -1242,6 +1248,11 @@
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.auction-table-v2 thead th:first-child,
|
||||
.auction-table-v2 tbody td:first-child {
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.auction-table-v2 thead th.number {
|
||||
text-align: right;
|
||||
}
|
||||
@@ -1269,7 +1280,9 @@
|
||||
}
|
||||
|
||||
.auction-table-v2 tbody td {
|
||||
height: 47px;
|
||||
height: 40px;
|
||||
|
||||
padding: 0 12px;
|
||||
|
||||
border-bottom: 1px solid var(--r2-line-soft);
|
||||
|
||||
@@ -1819,7 +1832,7 @@
|
||||
|
||||
border-radius: 3px 3px 0px 0px;
|
||||
|
||||
background: rgb(201, 214, 238);
|
||||
background: var(--accent-soft);
|
||||
|
||||
transition: opacity 180ms, transform 180ms;
|
||||
|
||||
@@ -1915,7 +1928,7 @@
|
||||
|
||||
border-radius: 2px;
|
||||
|
||||
background: rgb(201, 214, 238);
|
||||
background: var(--accent-soft);
|
||||
}
|
||||
|
||||
.auction-volume-legend i.current {
|
||||
@@ -2138,11 +2151,9 @@
|
||||
}
|
||||
|
||||
.auction-table-v2 tbody td {
|
||||
height: 43px;
|
||||
height: 40px;
|
||||
|
||||
padding-top: 6px;
|
||||
|
||||
padding-bottom: 6px;
|
||||
padding: 0 12px;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -2165,9 +2176,9 @@
|
||||
}
|
||||
|
||||
.auc-head h2 {
|
||||
font-size: 17px;
|
||||
font-size: var(--font-size-page-title);
|
||||
|
||||
font-weight: 800;
|
||||
font-weight: var(--font-weight-semibold);
|
||||
}
|
||||
|
||||
.auc-grid {
|
||||
|
||||
Reference in New Issue
Block a user