Fix status/script filter dropdowns being cramped on mobile
SelectTrigger defaults to w-fit, and the toolbar only set a width from sm: up, so below that breakpoint each dropdown shrank to its label text instead of using the full row it was already stacked onto. Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
This commit is contained in:
@@ -65,7 +65,7 @@ export function RunsToolbar({ scripts }: RunsToolbarProps) {
|
||||
updateParams({ status: value === "all" ? null : value })
|
||||
}
|
||||
>
|
||||
<SelectTrigger className="sm:w-40">
|
||||
<SelectTrigger className="w-full sm:w-40">
|
||||
<SelectValue placeholder="Status" />
|
||||
</SelectTrigger>
|
||||
<SelectContent>
|
||||
@@ -83,7 +83,7 @@ export function RunsToolbar({ scripts }: RunsToolbarProps) {
|
||||
updateParams({ scriptId: value === "all" ? null : value })
|
||||
}
|
||||
>
|
||||
<SelectTrigger className="sm:w-48">
|
||||
<SelectTrigger className="w-full sm:w-48">
|
||||
<SelectValue placeholder="Script" />
|
||||
</SelectTrigger>
|
||||
<SelectContent>
|
||||
|
||||
Reference in New Issue
Block a user