🎨 refactor: reorganize log type selector layout with responsive design

- Move Form.Select (log type selector) from grid layout to action button row
- Position log type selector on the left side of the action button area
- Keep action buttons (Query, Reset, Column Settings) aligned to the right
- Implement responsive design with sm: breakpoint (640px)
  - Mobile: vertical stacking with full-width elements
  - Desktop: horizontal layout with proper spacing
- Add min-width constraint (140px) for log type selector
- Remove extra padding-top from button area for cleaner spacing
- Maintain accessibility and usability across all screen sizes

This change improves the UI layout by better utilizing horizontal space
and providing a more intuitive grouping of form controls and actions.
This commit is contained in:
Apple\Apple
2025-06-09 18:22:18 +08:00
parent 5f95b4a0b7
commit f2f3bad9ef
3 changed files with 28 additions and 27 deletions

View File

@@ -717,7 +717,7 @@ const LogsTable = () => {
</div>
{/* 操作按钮区域 */}
<div className="flex justify-between items-center pt-2">
<div className="flex justify-between items-center">
<div></div>
<div className="flex gap-2">
<Button