From 974bf7fe3445026a4dae8b83f230e06aaa433c6f Mon Sep 17 00:00:00 2001
From: dekun <dekun@local>
Date: Sat, 25 Jul 2026 09:33:48 +0800
Subject: [PATCH] Show perpetual and option floating PnL on separate rows.

Co-authored-by: Cursor <cursoragent@cursor.com>
---
 frontend/src/pages/Plan.tsx | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/frontend/src/pages/Plan.tsx b/frontend/src/pages/Plan.tsx
index 07a114d..cdd6868 100644
--- a/frontend/src/pages/Plan.tsx
+++ b/frontend/src/pages/Plan.tsx
@@ -228,12 +228,12 @@ export default function PlanPage() {
           </span>
         </div>
         <div className="kv">
-          <span>永续浮盈 / 期权浮盈</span>
-          <span className="mono">
-            <span className={pnlClass(pos?.perp_upl)}>{fmt(pos?.perp_upl)}</span>
-            {" / "}
-            <span className={pnlClass(pos?.option_upl)}>{fmt(pos?.option_upl)}</span>
-          </span>
+          <span>永续浮盈</span>
+          <span className={`mono ${pnlClass(pos?.perp_upl)}`}>{fmt(pos?.perp_upl)}</span>
+        </div>
+        <div className="kv">
+          <span>期权浮盈</span>
+          <span className={`mono ${pnlClass(pos?.option_upl)}`}>{fmt(pos?.option_upl)}</span>
         </div>
         {plan?.last_error ? (
           <div className="kv">