feat(export): refine format selector layouts

2026-03-27 23:15:51 +00:00 · 2026-03-06 14:15:18 +08:00
parent 450e5f7e61
commit 6253def76c
4 changed files with 159 additions and 23 deletions
--- a/src/components/Export/ExportDefaultsSettingsForm.scss
+++ b/src/components/Export/ExportDefaultsSettingsForm.scss
@@ -359,8 +359,19 @@
      margin-bottom: 0;
    }

+    .format-setting-group {
+      grid-template-columns: 1fr;
+      gap: 10px;
+      align-items: stretch;
+    }
+
+    .format-setting-group .form-control {
+      justify-content: flex-start;
+    }
+
    .format-grid {
-      max-width: 360px;
+      max-width: none;
+      grid-template-columns: repeat(3, minmax(0, 1fr));
      margin-bottom: 0;
    }
  }
@@ -384,5 +395,9 @@
    .format-grid {
      max-width: none;
    }
+
+    .format-grid {
+      grid-template-columns: repeat(auto-fit, minmax(156px, 1fr));
+    }
  }
 }