From 08c4ad3c58660f03fb066befade0f53d9cfe41f5 Mon Sep 17 00:00:00 2001
From: AdamGao <solonot@163.com>
Date: Tue, 1 Sep 2026 14:43:18 +0800
Subject: [PATCH] =?UTF-8?q?style:=20=E5=A7=94=E6=89=98=E8=A1=8C=E5=B1=95?=
 =?UTF-8?q?=E5=BC=80=E7=AE=AD=E5=A4=B4=E6=94=B9=E4=B8=BA=E5=A4=A7=E5=8F=B7?=
 =?UTF-8?q?SVG=EF=BC=8814px=E7=BB=BF=E8=89=B2+=E6=97=8B=E8=BD=AC=E5=8A=A8?=
 =?UTF-8?q?=E7=94=BB=EF=BC=89?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/client/views/TradeRecordsTab.jsx | 29 +++++++++++++++++++++++++++-
 1 file changed, 28 insertions(+), 1 deletion(-)

diff --git a/src/client/views/TradeRecordsTab.jsx b/src/client/views/TradeRecordsTab.jsx
index 981c1c1..3a009ff 100644
--- a/src/client/views/TradeRecordsTab.jsx
+++ b/src/client/views/TradeRecordsTab.jsx
@@ -277,7 +277,34 @@ function OrderRows({ order, expanded, onToggle }) {
           background: expanded ? '#f5f5f5' : 'transparent',
         }}
       >
-        <td style={tdStyle}>{hasTrades ? (expanded ? '▾' : '▸') : <span style={{ color: '#ccc' }}>·</span>}</td>
+        <td style={{ ...tdStyle, textAlign: 'center', width: 28 }}>
+        {hasTrades ? (
+          <svg
+            width="14"
+            height="14"
+            viewBox="0 0 14 14"
+            style={{
+              display: 'inline-block',
+              transition: 'transform .15s ease',
+              transform: expanded ? 'rotate(90deg)' : 'rotate(0deg)',
+              cursor: 'pointer',
+              color: '#2e7d32',
+              verticalAlign: 'middle',
+            }}
+          >
+            <path
+              d="M4.5 2.5 L9.5 7 L4.5 11.5"
+              fill="none"
+              stroke="currentColor"
+              strokeWidth="2"
+              strokeLinecap="round"
+              strokeLinejoin="round"
+            />
+          </svg>
+        ) : (
+          <span style={{ color: '#ccc', fontSize: 10 }}>·</span>
+        )}
+      </td>
         <td style={tdStyle}>{fmtTime(order.insertTime)}</td>
         <td style={tdStyle}>{order.code}</td>
         <td style={tdStyle}>{order.name}</td>