feat(export): refine format selector layouts

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

src/components/Export/ExportDefaultsSettingsForm.tsx

@@ -145,7 +145,7 @@ export function ExportDefaultsSettingsForm({
         </div>
       </div>
 
-      <div className="form-group">
+      <div className="form-group format-setting-group">
         <div className="form-copy">
           <label>聊天消息默认导出格式</label>
           <span className="form-hint">导出页面默认选中的格式</span>