From aba67a3d1657e5d555e67b62aefa7b50ef76c02e Mon Sep 17 00:00:00 2001
From: dekun <dekun@local>
Date: Thu, 25 Jun 2026 17:16:52 +0800
Subject: [PATCH] Compact CTP settings form into 3-row grid per card

Co-authored-by: Cursor <cursoragent@cursor.com>
---
 templates/settings.html | 46 ++++++++++++++++++++++++++---------------
 1 file changed, 29 insertions(+), 17 deletions(-)

diff --git a/templates/settings.html b/templates/settings.html
index fe79d64..800865f 100644
--- a/templates/settings.html
+++ b/templates/settings.html
@@ -22,7 +22,17 @@
     align-items:start;margin-bottom:.75rem;
 }
 .settings-ctp-cards-row .settings-ctp-fold.card{margin-bottom:0;height:100%}
-.settings-ctp-cards-row .settings-ctp-grid{grid-template-columns:1fr}
+.settings-ctp-cards-row .settings-ctp-grid{
+    grid-template-columns:repeat(6,minmax(0,1fr));
+    gap:.5rem .6rem;
+}
+.settings-ctp-cards-row .settings-ctp-grid .field{grid-column:span 2}
+.settings-ctp-cards-row .settings-ctp-grid .field-ctp-front-span{grid-column:span 3}
+.settings-ctp-cards-row .settings-ctp-grid .field label{font-size:.75rem}
+.settings-ctp-cards-row .settings-ctp-grid input,
+.settings-ctp-cards-row .settings-ctp-grid select{
+    padding:.45rem .55rem;font-size:.8rem;
+}
 .settings-ctp-fold.card{
     margin-bottom:.75rem;padding:0;overflow:hidden;
     border:1px solid var(--border);border-radius:8px;background:var(--card-inner);
@@ -47,6 +57,8 @@
     .settings-password-form{grid-template-columns:1fr}
     .settings-ctp-cards-row{grid-template-columns:1fr}
     .settings-ctp-grid{grid-template-columns:1fr}
+    .settings-ctp-cards-row .settings-ctp-grid .field,
+    .settings-ctp-cards-row .settings-ctp-grid .field-ctp-front-span{grid-column:span 1}
 }
 </style>
 {% endblock %}
@@ -163,14 +175,6 @@
                                 <option value="测试" {% if ctp_cfg.simnow_env == '测试' %}selected{% endif %}>测试</option>
                             </select>
                         </div>
-                        <div class="field field-full">
-                            <label>交易前置</label>
-                            <input name="simnow_td_address" value="{{ ctp_cfg.simnow_td_address }}" placeholder="tcp://180.168.146.187:10201">
-                        </div>
-                        <div class="field field-full">
-                            <label>行情前置</label>
-                            <input name="simnow_md_address" value="{{ ctp_cfg.simnow_md_address }}" placeholder="tcp://180.168.146.187:10211">
-                        </div>
                         <div class="field">
                             <label>AppID</label>
                             <input name="simnow_app_id" value="{{ ctp_cfg.simnow_app_id }}">
@@ -179,6 +183,14 @@
                             <label>授权编码</label>
                             <input name="simnow_auth_code" value="{{ ctp_cfg.simnow_auth_code }}">
                         </div>
+                        <div class="field field-ctp-front-span">
+                            <label>行情前置</label>
+                            <input name="simnow_md_address" value="{{ ctp_cfg.simnow_md_address }}" placeholder="tcp://180.168.146.187:10211">
+                        </div>
+                        <div class="field field-ctp-front-span">
+                            <label>交易前置</label>
+                            <input name="simnow_td_address" value="{{ ctp_cfg.simnow_td_address }}" placeholder="tcp://180.168.146.187:10201">
+                        </div>
                     </div>
                 </div>
             </div>
@@ -213,14 +225,6 @@
                                 <option value="测试" {% if ctp_cfg.ctp_live_env == '测试' %}selected{% endif %}>测试</option>
                             </select>
                         </div>
-                        <div class="field field-full">
-                            <label>交易前置</label>
-                            <input name="ctp_live_td_address" value="{{ ctp_cfg.ctp_live_td_address }}" placeholder="tcp://...">
-                        </div>
-                        <div class="field field-full">
-                            <label>行情前置</label>
-                            <input name="ctp_live_md_address" value="{{ ctp_cfg.ctp_live_md_address }}" placeholder="tcp://...">
-                        </div>
                         <div class="field">
                             <label>AppID</label>
                             <input name="ctp_live_app_id" value="{{ ctp_cfg.ctp_live_app_id }}">
@@ -229,6 +233,14 @@
                             <label>授权编码</label>
                             <input name="ctp_live_auth_code" value="{{ ctp_cfg.ctp_live_auth_code }}">
                         </div>
+                        <div class="field field-ctp-front-span">
+                            <label>行情前置</label>
+                            <input name="ctp_live_md_address" value="{{ ctp_cfg.ctp_live_md_address }}" placeholder="tcp://...">
+                        </div>
+                        <div class="field field-ctp-front-span">
+                            <label>交易前置</label>
+                            <input name="ctp_live_td_address" value="{{ ctp_cfg.ctp_live_td_address }}" placeholder="tcp://...">
+                        </div>
                     </div>
                 </div>
             </div>