From 030f6529b346f80b36b959da69802d20aaead3fd Mon Sep 17 00:00:00 2001
From: smail <likb_blue@163.com>
Date: Tue, 6 Oct 2026 13:13:36 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BC=98=E5=8C=96=E4=B8=AD=E7=BB=A7=E7=BC=96?=
 =?UTF-8?q?=E8=BE=91=E5=A4=9A=E5=88=97=E5=B8=83=E5=B1=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../RelayConfig/RelayConfig.css               | 20 +++++++++++++++++++
 1 file changed, 20 insertions(+)

diff --git a/frontend/src/views/components/ConfigSettings/RelayConfig/RelayConfig.css b/frontend/src/views/components/ConfigSettings/RelayConfig/RelayConfig.css
index c1dcc42..d86075b 100644
--- a/frontend/src/views/components/ConfigSettings/RelayConfig/RelayConfig.css
+++ b/frontend/src/views/components/ConfigSettings/RelayConfig/RelayConfig.css
@@ -76,13 +76,33 @@
 }
 
 .relay-fields {
+  display: grid;
+  align-items: start;
   margin-top: 16px;
+  grid-template-columns: repeat(3, minmax(0, 1fr));
+  gap: 14px 16px;
+}
+
+.relay-fields :deep(.config-field) {
+  min-width: 0;
 }
 
 .relay-alert {
   margin: 0;
 }
 
+@container config-main (max-width: 760px) {
+  .relay-fields {
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+  }
+}
+
+@container config-main (max-width: 500px) {
+  .relay-fields {
+    grid-template-columns: minmax(0, 1fr);
+  }
+}
+
 @media (max-width: 900px) {
   .relay-summary {
     grid-template-columns: repeat(2, minmax(0, 1fr));