ui: 顶栏透明、设置两列、下单与持仓监控优化

导航栏与页面背景一致;系统设置双列布局;下单三行表单与开仓状态反馈;持仓卡片增加平仓与止盈止损挂单展示。

Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
dekun
2026-06-24 12:46:23 +08:00
parent 528d9811e3
commit 67683f5562
8 changed files with 304 additions and 75 deletions
+6 -6
View File
@@ -25,7 +25,7 @@
--bg-page:#050508;
--bg-grid:rgba(76,194,255,.045);
--border-header:rgba(76,194,255,.12);
--header-bg:rgba(8,10,18,.75);
--header-bg:transparent;
--text-primary:#e8eaf6;
--text-title:#ffffff;
--text-muted:#7a82a0;
@@ -79,8 +79,8 @@
[data-theme="light"]{
--bg-page:#e8eef8;
--bg-grid:rgba(37,99,235,.07);
--border-header:rgba(37,99,235,.15);
--header-bg:rgba(255,255,255,.82);
--border-header:rgba(37,99,235,.12);
--header-bg:transparent;
--text-primary:#1a2233;
--text-title:#0a1628;
--text-muted:#5c6578;
@@ -162,13 +162,13 @@
.site-nav{display:flex;justify-content:center;gap:.45rem;flex-wrap:wrap}
.site-nav a{
padding:.55rem 1.15rem;border-radius:8px;
border:1px solid var(--nav-border);
background:var(--nav-bg);
border:1px solid transparent;
background:transparent;
color:var(--text-primary);
text-decoration:none;font-size:.88rem;
transition:.2s;white-space:nowrap;
}
.site-nav a:hover{background:var(--nav-hover);border-color:var(--accent);color:var(--text-title)}
.site-nav a:hover{background:var(--nav-hover);border-color:var(--nav-border);color:var(--text-title)}
.site-nav a.active{background:var(--nav-active);border-color:var(--nav-active-border);color:#fff}
.user-bar{position:absolute;top:1rem;right:1.5rem;font-size:.8rem;color:var(--text-muted);white-space:nowrap}
.user-bar a{color:var(--danger);text-decoration:none;margin-left:.5rem}