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/review/foundation.css
Vendored
+38 -38
View File
@@ -176,7 +176,7 @@
@media (max-width: 900px) {
body[data-active-view="reviewWorkspaceView"] .workspace-view {
padding: 10px 10px 84px;
padding: 10px 0 84px;
}
.review-workspace .notes-history-section,
@@ -200,7 +200,7 @@ body[data-active-view="reviewWorkspaceView"] .workspace-view {
box-shadow: none;
padding: 14px 16px 24px;
padding: var(--page-pad-y) 0 24px;
}
.review-workspace .workspace-section + .workspace-section {
@@ -234,7 +234,7 @@ body[data-active-view="reviewWorkspaceView"] .overview-strip {
}
.review-workspace .workspace-section {
background: rgb(255, 255, 255);
background: var(--surface);
border: 1px solid var(--border);
@@ -326,23 +326,23 @@ body[data-active-view="reviewWorkspaceView"] .overview-strip {
}
#reviewWorkspaceView {
--review-blue: #2563eb;
--review-blue: var(--action);
--review-blue-dark: #1d4ed8;
--review-blue-dark: var(--action-hover);
--review-blue-soft: #eff4ff;
--review-blue-soft: var(--action-soft);
--review-blue-line: #c7d8fb;
--review-blue-line: var(--color-action-line);
--review-line: #e5e7eb;
--review-line: var(--border);
--review-line-soft: #eef0f3;
--review-line-soft: var(--border-subtle);
--review-ink: #1f2937;
--review-ink: var(--text-primary);
--review-sub: #6b7280;
--review-sub: var(--text-secondary);
--review-faint: #9ca3af;
--review-faint: var(--text-tertiary);
color: var(--review-ink);
}
@@ -400,7 +400,7 @@ body[data-active-view="reviewWorkspaceView"] .overview-strip {
border-radius: 7px;
background: rgb(255, 255, 255);
background: var(--surface);
color: rgb(55, 65, 81);
@@ -467,7 +467,7 @@ body[data-active-view="reviewWorkspaceView"] .overview-strip {
border-radius: 10px;
background: rgb(255, 255, 255);
background: var(--surface);
box-shadow: rgba(16, 24, 40, 0.05) 0px 1px 2px;
}
@@ -503,7 +503,7 @@ body[data-active-view="reviewWorkspaceView"] .overview-strip {
border-radius: 5px;
background: rgb(243, 244, 246);
background: var(--surface-muted);
color: var(--review-sub);
@@ -521,7 +521,7 @@ body[data-active-view="reviewWorkspaceView"] .overview-strip {
border-bottom: 1px solid var(--review-line-soft);
background: rgb(250, 251, 252);
background: var(--surface-subtle);
color: var(--review-faint);
@@ -547,7 +547,7 @@ body[data-active-view="reviewWorkspaceView"] .overview-strip {
}
#reviewWorkspaceView .data-table tbody tr:hover {
background: rgb(248, 250, 255);
background: var(--table-hover);
}
#reviewWorkspaceView .stock-cell {
@@ -625,7 +625,7 @@ body[data-active-view="reviewWorkspaceView"] .overview-strip {
}
#reviewWorkspaceView .table-action.down:hover {
background: rgb(245, 246, 248);
background: var(--surface-hover);
color: rgb(209, 67, 67);
}
@@ -683,7 +683,7 @@ body[data-active-view="reviewWorkspaceView"] .overview-strip {
background: var(--review-blue);
color: rgb(255, 255, 255);
color: var(--text-inverse);
font-size: 11.5px;
}
@@ -715,7 +715,7 @@ body[data-active-view="reviewWorkspaceView"] .overview-strip {
border-bottom: 1px solid var(--review-line-soft);
background: rgb(255, 255, 255);
background: var(--surface);
}
#reviewWorkspaceView .trade-log-summary:empty {
@@ -799,7 +799,7 @@ body[data-active-view="reviewWorkspaceView"] .overview-strip {
border-radius: 5px;
background: rgb(248, 249, 251);
background: var(--surface-subtle);
color: var(--review-sub);
@@ -821,7 +821,7 @@ body[data-active-view="reviewWorkspaceView"] .overview-strip {
border-radius: 5px;
background: rgb(248, 249, 251);
background: var(--surface-subtle);
color: var(--review-sub);
@@ -947,7 +947,7 @@ body[data-active-view="reviewWorkspaceView"] .overview-strip {
border-radius: 6px;
background: rgb(248, 249, 251);
background: var(--surface-subtle);
color: var(--review-sub);
@@ -961,7 +961,7 @@ body[data-active-view="reviewWorkspaceView"] .overview-strip {
padding: 14px 16px 16px;
background: rgb(255, 255, 255);
background: var(--surface);
}
#reviewWorkspaceView .journal-form .form-field:nth-of-type(2) textarea {
@@ -973,11 +973,11 @@ body[data-active-view="reviewWorkspaceView"] .overview-strip {
#reviewWorkspaceView .journal-form textarea:focus {
border-color: var(--review-blue-line);
box-shadow: rgba(37, 99, 235, 0.08) 0px 0px 0px 2px;
box-shadow: 0 0 0 2px var(--focus-ring);
}
#reviewWorkspaceView .journal-form textarea::placeholder {
color: rgb(166, 173, 183);
color: var(--review-faint);
}
#reviewWorkspaceView .journal-form .dialog-actions {
@@ -1005,7 +1005,7 @@ body[data-active-view="reviewWorkspaceView"] .overview-strip {
background: var(--review-blue);
color: rgb(255, 255, 255);
color: var(--text-inverse);
font-size: 12px;
}
@@ -1035,7 +1035,7 @@ body[data-active-view="reviewWorkspaceView"] .overview-strip {
overflow-y: auto;
background: rgb(255, 255, 255);
background: var(--surface);
}
#reviewWorkspaceView .note-row {
@@ -1273,7 +1273,7 @@ body[data-active-view="reviewWorkspaceView"] .overview-strip {
border-bottom: 1px solid var(--review-line-soft);
background: rgb(255, 255, 255);
background: var(--surface);
min-height: 48px;
@@ -1418,7 +1418,7 @@ body[data-active-view="reviewWorkspaceView"] .overview-strip {
outline: 0px;
background: rgb(255, 255, 255);
background: var(--surface);
color: var(--review-ink);
@@ -1470,7 +1470,7 @@ body[data-active-view="reviewWorkspaceView"] .overview-strip {
outline: 0px;
background: rgb(255, 255, 255);
background: var(--surface);
color: var(--review-ink);
@@ -1565,7 +1565,7 @@ body[data-active-view="reviewWorkspaceView"] .overview-strip {
border-radius: 8px;
background: rgb(255, 255, 255);
background: var(--surface);
}
.watchlist-search-control:focus-within {
@@ -1649,7 +1649,7 @@ body[data-active-view="reviewWorkspaceView"] .overview-strip {
border-image: none;
background: rgb(255, 255, 255);
background: var(--surface);
color: rgb(31, 41, 55);
@@ -1657,7 +1657,7 @@ body[data-active-view="reviewWorkspaceView"] .overview-strip {
}
.watchlist-search-results button:hover {
background: rgb(245, 248, 255);
background: var(--surface-selected);
}
.watchlist-search-results button > span {
@@ -1713,7 +1713,7 @@ body[data-active-view="reviewWorkspaceView"] .overview-strip {
border-radius: 8px;
background: rgb(247, 249, 254);
background: var(--surface-subtle);
}
.watchlist-selection[hidden] {
@@ -1869,7 +1869,7 @@ body[data-active-view="reviewWorkspaceView"] .overview-strip {
}
#reviewWorkspaceView .journal-form .form-field > span {
color: rgb(55, 65, 81);
color: var(--review-sub);
font-size: 12px;
@@ -1937,7 +1937,7 @@ body[data-active-view="reviewWorkspaceView"] .overview-strip {
padding: 18px 20px 20px;
background: rgb(250, 251, 252);
background: var(--surface-subtle);
}
.trade-log-dialog .trade-log-form-grid {
@@ -1992,7 +1992,7 @@ body[data-active-view="reviewWorkspaceView"] .overview-strip {
padding: 5px 10px;
background: rgb(255, 255, 255);
background: var(--surface);
}
.search .ico {