优化中继编辑多列布局

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));