leefer/xiaobaifupan
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: unify trading workspace visual system

Browse Source
This commit is contained in:
leefer
2026-08-06 02:48:46 +08:00
parent b3a21d05b7
commit bd97ba1829
25 changed files with 803 additions and 800 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/frontend/pages/pools/foundation.css
Vendored
+40 -40
View File
@@ -24,7 +24,7 @@
border-bottom: 1px solid var(--r2-line-soft);
background: rgb(255, 255, 255);
background: var(--surface);
vertical-align: middle;
}
@@ -54,7 +54,7 @@
padding-block: 8px;
background: rgb(248, 250, 252);
background: var(--table-header);
color: var(--r2-sub);
@@ -64,13 +64,13 @@
}
.redesigned-pool-view .data-table th[data-sort]:hover {
background: rgb(248, 250, 252);
background: var(--table-header);
color: var(--r2-blue);
}
.redesigned-pool-view .data-table tbody tr:hover td {
background: rgb(248, 250, 255);
background: var(--table-hover);
}
.redesigned-pool-view .data-table .row-number {
@@ -127,7 +127,7 @@
border-bottom: 1px solid var(--r2-line-soft);
background: rgb(255, 255, 255);
background: var(--surface);
vertical-align: middle;
}
@@ -157,7 +157,7 @@
padding-block: 8px;
background: rgb(248, 250, 252);
background: var(--table-header);
color: var(--r2-sub);
@@ -199,7 +199,7 @@
}
.redesigned-broken-view .data-table tbody tr:hover td {
background: rgb(248, 250, 255);
background: var(--table-hover);
}
.redesigned-broken-view .data-table .row-number {
@@ -255,7 +255,7 @@
border-bottom: 1px solid var(--r2-line-soft);
background: rgb(255, 255, 255);
background: var(--surface);
vertical-align: middle;
}
@@ -285,7 +285,7 @@
padding-block: 8px;
background: rgb(248, 250, 252);
background: var(--table-header);
color: var(--r2-sub);
@@ -327,7 +327,7 @@
}
.redesigned-down-view .data-table tbody tr:hover td {
background: rgb(248, 250, 255);
background: var(--table-hover);
}
.redesigned-down-view .data-table .row-number {
@@ -375,7 +375,7 @@
border-bottom: 1px solid var(--r2-line-soft);
background: rgb(255, 255, 255);
background: var(--surface);
vertical-align: middle;
}
@@ -405,7 +405,7 @@
padding-block: 8px;
background: rgb(248, 250, 252);
background: var(--table-header);
color: var(--r2-sub);
@@ -447,7 +447,7 @@
}
.redesigned-yesterday-view .data-table tbody tr:hover td {
background: rgb(248, 250, 255);
background: var(--table-hover);
}
.redesigned-yesterday-view .data-table .row-number {
@@ -635,7 +635,7 @@
border-radius: var(--card-radius);
background: rgb(255, 255, 255);
background: var(--surface);
box-shadow: var(--card-shadow);
@@ -667,7 +667,7 @@
border-radius: var(--card-radius);
background: rgb(255, 255, 255);
background: var(--surface);
box-shadow: var(--card-shadow);
}
@@ -743,7 +743,7 @@
#limitPool .table-frame {
border-radius: 10px;
background: rgb(255, 255, 255);
background: var(--surface);
box-shadow: var(--shadow-xs);
}
@@ -755,7 +755,7 @@
border-radius: 10px;
background: rgb(255, 255, 255);
background: var(--surface);
box-shadow: var(--shadow-xs);
@@ -813,7 +813,7 @@
border-radius: 7px;
background: rgb(255, 255, 255);
background: var(--surface);
}
.pool-search-field .lucide {
@@ -873,7 +873,7 @@
border-radius: var(--r2-radius);
background: rgb(255, 255, 255);
background: var(--surface);
box-shadow: var(--r2-shadow);
}
@@ -917,7 +917,7 @@
}
.pool-state-tag.broken {
background: rgb(243, 244, 246);
background: var(--surface-muted);
color: rgb(107, 114, 128);
}
@@ -947,7 +947,7 @@
border-radius: var(--r2-radius);
background: rgb(255, 255, 255);
background: var(--surface);
box-shadow: var(--r2-shadow);
}
@@ -981,7 +981,7 @@
border-radius: 5px;
background: rgb(243, 244, 246);
background: var(--surface-muted);
color: var(--r2-sub);
@@ -1233,7 +1233,7 @@
border-radius: 7px;
background: rgb(255, 255, 255);
background: var(--surface);
color: rgb(55, 65, 81);
@@ -1263,7 +1263,7 @@
border-radius: var(--r2-radius);
background: rgb(255, 255, 255);
background: var(--surface);
box-shadow: var(--r2-shadow);
}
@@ -1377,7 +1377,7 @@
border-radius: 7px;
background: rgb(255, 255, 255);
background: var(--surface);
color: rgb(55, 65, 81);
@@ -1407,7 +1407,7 @@
border-radius: var(--r2-radius);
background: rgb(255, 255, 255);
background: var(--surface);
box-shadow: var(--r2-shadow);
}
@@ -1493,7 +1493,7 @@
border-radius: 7px;
background: rgb(255, 255, 255);
background: var(--surface);
color: rgb(55, 65, 81);
@@ -1519,7 +1519,7 @@
border-radius: var(--r2-radius);
background: rgb(255, 255, 255);
background: var(--surface);
box-shadow: var(--r2-shadow);
}
@@ -1547,7 +1547,7 @@
border-radius: 0px;
background: rgb(255, 255, 255);
background: var(--surface);
color: var(--r2-ink);
@@ -1559,7 +1559,7 @@
}
.yesterday-summary-cell:hover {
background: rgb(248, 250, 255);
background: var(--table-hover);
}
.yesterday-summary-cell.active {
@@ -1678,7 +1678,7 @@
.yesterday-outcome-tag.fail {
border: 1px solid var(--r2-line);
background: rgb(243, 244, 246);
background: var(--surface-muted);
color: rgb(75, 85, 99);
}
@@ -1800,7 +1800,7 @@
border-radius: var(--r2-radius);
background: rgb(255, 255, 255);
background: var(--surface);
box-shadow: var(--r2-shadow);
}
@@ -1854,7 +1854,7 @@
.performance-status-tag.is-neutral {
border-color: var(--r2-line);
background: rgb(243, 244, 246);
background: var(--surface-muted);
color: rgb(75, 85, 99);
}
@@ -1918,7 +1918,7 @@
border-radius: 3px;
background: rgb(240, 242, 245);
background: var(--surface-muted);
}
.performance-stage-track i {
@@ -1954,7 +1954,7 @@
border-radius: var(--r2-radius);
background: rgb(255, 255, 255);
background: var(--surface);
color: var(--r2-faint);
@@ -1980,7 +1980,7 @@
border-radius: var(--r2-radius);
background: rgb(255, 255, 255);
background: var(--surface);
box-shadow: var(--r2-shadow);
}
@@ -1990,7 +1990,7 @@
padding: 0px;
background: rgb(255, 255, 255);
background: var(--surface);
}
.performance-panel-head {
@@ -2024,7 +2024,7 @@
border-radius: 5px;
background: rgb(243, 244, 246);
background: var(--surface-muted);
color: var(--r2-sub);
@@ -2066,7 +2066,7 @@
border-radius: 6px;
background: rgb(240, 242, 245);
background: var(--surface-muted);
}
.performance-width-bar i {
@@ -2305,7 +2305,7 @@
font-size: 12.5px;
background: rgb(255, 255, 255);
background: var(--surface);
color: rgb(55, 65, 81);