🎨 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:
@@ -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
|
||||
|
||||
Reference in New Issue
Block a user