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
568b899693
commit
9a3d5ee0a8
+46
-37
@@ -22,11 +22,11 @@
|
||||
}
|
||||
|
||||
.popularity-source-tag.dual {
|
||||
border-color: rgb(230, 199, 115);
|
||||
border-color: var(--warn);
|
||||
|
||||
background: var(--amber-soft);
|
||||
|
||||
color: rgb(118, 83, 20);
|
||||
color: var(--warn);
|
||||
}
|
||||
|
||||
.popularity-concepts {
|
||||
@@ -44,21 +44,21 @@
|
||||
}
|
||||
|
||||
#popularityView .data-table {
|
||||
font-size: 12px;
|
||||
font-size: var(--font-size-table);
|
||||
}
|
||||
|
||||
#popularityView .data-table thead th {
|
||||
height: 32px;
|
||||
height: 36px;
|
||||
|
||||
padding: 6px 9px;
|
||||
padding: 0 12px;
|
||||
|
||||
font-size: 11.5px;
|
||||
font-size: var(--font-size-caption);
|
||||
}
|
||||
|
||||
#popularityView .data-table tbody td {
|
||||
height: 39px;
|
||||
height: 40px;
|
||||
|
||||
padding: 5px 9px;
|
||||
padding: 0 12px;
|
||||
}
|
||||
|
||||
.redesigned-popularity-view {
|
||||
@@ -93,6 +93,10 @@
|
||||
margin: 0px;
|
||||
|
||||
color: var(--r2-ink);
|
||||
|
||||
font-size: var(--font-size-page-title);
|
||||
|
||||
font-weight: var(--font-weight-semibold);
|
||||
}
|
||||
|
||||
.popularity-title-v2 > span {
|
||||
@@ -140,7 +144,7 @@
|
||||
|
||||
align-items: center;
|
||||
|
||||
min-height: 34px;
|
||||
min-height: 32px;
|
||||
|
||||
padding: 3px;
|
||||
|
||||
@@ -152,19 +156,19 @@
|
||||
}
|
||||
|
||||
.popularity-source-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;
|
||||
}
|
||||
@@ -190,11 +194,15 @@
|
||||
}
|
||||
|
||||
.popularity-refresh-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);
|
||||
}
|
||||
|
||||
.popularity-refresh-v2 .lucide {
|
||||
@@ -244,15 +252,15 @@
|
||||
|
||||
width: 3px;
|
||||
|
||||
background: rgb(199, 216, 251);
|
||||
background: var(--accent-soft);
|
||||
}
|
||||
|
||||
.popularity-glance-v2 article:nth-child(2)::before {
|
||||
background: rgb(183, 221, 207);
|
||||
background: var(--down-soft);
|
||||
}
|
||||
|
||||
.popularity-glance-v2 article.consensus::before {
|
||||
background: rgb(230, 199, 115);
|
||||
background: var(--warn);
|
||||
}
|
||||
|
||||
.popularity-glance-v2 article > span {
|
||||
@@ -372,7 +380,7 @@
|
||||
|
||||
width: 230px;
|
||||
|
||||
height: 33px;
|
||||
height: 32px;
|
||||
|
||||
flex: 0 0 auto;
|
||||
|
||||
@@ -380,9 +388,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);
|
||||
|
||||
@@ -390,9 +398,9 @@
|
||||
}
|
||||
|
||||
.popularity-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);
|
||||
}
|
||||
|
||||
.popularity-search-v2 .lucide {
|
||||
@@ -446,15 +454,15 @@
|
||||
|
||||
z-index: 2;
|
||||
|
||||
height: 35px;
|
||||
height: 36px;
|
||||
|
||||
padding: 7px 10px;
|
||||
padding: 0 12px;
|
||||
|
||||
border-bottom-color: var(--r2-line);
|
||||
|
||||
color: var(--r2-sub);
|
||||
|
||||
font-size: 10.5px;
|
||||
font-size: var(--font-size-caption);
|
||||
}
|
||||
|
||||
.popularity-table-v2 thead th:nth-child(1) {
|
||||
@@ -477,11 +485,11 @@
|
||||
}
|
||||
|
||||
.popularity-table-v2 tbody td {
|
||||
height: 43px;
|
||||
height: 40px;
|
||||
|
||||
padding: 7px 10px;
|
||||
padding: 0 12px;
|
||||
|
||||
font-size: 11.5px;
|
||||
font-size: var(--font-size-table);
|
||||
}
|
||||
|
||||
.popularity-table-v2 tbody tr {
|
||||
@@ -541,9 +549,9 @@
|
||||
|
||||
color: var(--r2-ink);
|
||||
|
||||
font-size: 12px;
|
||||
font-size: var(--font-size-table);
|
||||
|
||||
font-weight: 700;
|
||||
font-weight: var(--font-weight-semibold);
|
||||
|
||||
text-overflow: ellipsis;
|
||||
|
||||
@@ -559,7 +567,7 @@
|
||||
}
|
||||
|
||||
.popularity-list-rank-v2 {
|
||||
color: rgb(64, 85, 115);
|
||||
color: var(--text-2);
|
||||
}
|
||||
|
||||
.popularity-movement-v2 {
|
||||
@@ -658,11 +666,9 @@
|
||||
}
|
||||
|
||||
.popularity-table-v2 tbody td {
|
||||
height: 39px;
|
||||
height: 40px;
|
||||
|
||||
padding-top: 5px;
|
||||
|
||||
padding-bottom: 5px;
|
||||
padding: 0 12px;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -857,8 +863,11 @@
|
||||
width: auto;
|
||||
}
|
||||
|
||||
#popularityView .popularity-table-v2 th:first-child {
|
||||
#popularityView .popularity-table-v2 th:first-child,
|
||||
#popularityView .popularity-table-v2 td:first-child {
|
||||
width: var(--col-rank);
|
||||
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
#popularityView .popularity-table-v2 th:nth-child(2) {
|
||||
|
||||
Reference in New Issue
Block a user