Move monitor host-status chevron to the right edge.

Align the server-status disclosure arrow with the common right-side fold pattern.

Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
dekun
2026-07-17 11:07:41 +08:00
parent 8842f0b869
commit ee9608dc80
2 changed files with 8 additions and 7 deletions
+7 -6
View File
@@ -838,16 +838,17 @@ button:disabled {
display: none; display: none;
} }
.host-status-summary::before { .host-status-summary::after {
content: ""; content: "";
color: var(--muted); color: var(--muted);
font-size: 11px; font-size: 12px;
transition: transform 0.15s ease; margin-left: auto;
flex-shrink: 0; flex-shrink: 0;
transition: transform 0.15s ease;
} }
.host-status-panel[open] > .host-status-summary::before { .host-status-panel[open] > .host-status-summary::after {
transform: rotate(90deg); transform: rotate(180deg);
} }
.host-status-summary-title { .host-status-summary-title {
+1 -1
View File
@@ -15,7 +15,7 @@
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin /> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link href="https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600&family=Orbitron:wght@500;600;700&display=swap" rel="stylesheet" media="print" onload="this.media='all'" /> <link href="https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600&family=Orbitron:wght@500;600;700&display=swap" rel="stylesheet" media="print" onload="this.media='all'" />
<noscript><link href="https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600&family=Orbitron:wght@500;600;700&display=swap" rel="stylesheet" /></noscript> <noscript><link href="https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600&family=Orbitron:wght@500;600;700&display=swap" rel="stylesheet" /></noscript>
<link rel="stylesheet" href="/assets/app.css?v=20260716-calc-left-tabs" /> <link rel="stylesheet" href="/assets/app.css?v=20260717-host-status-chevron" />
<link rel="stylesheet" href="/assets/trade_stats_calendar.css?v=4" /> <link rel="stylesheet" href="/assets/trade_stats_calendar.css?v=4" />
<link rel="stylesheet" href="/assets/account_risk_badge.css?v=4" /> <link rel="stylesheet" href="/assets/account_risk_badge.css?v=4" />
<script src="/assets/account_risk_badge.js?v=4"></script> <script src="/assets/account_risk_badge.js?v=4"></script>