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 })
|
updateParams({ status: value === "all" ? null : value })
|
||||||
}
|
}
|
||||||
>
|
>
|
||||||
<SelectTrigger className="sm:w-40">
|
<SelectTrigger className="w-full sm:w-40">
|
||||||
<SelectValue placeholder="Status" />
|
<SelectValue placeholder="Status" />
|
||||||
</SelectTrigger>
|
</SelectTrigger>
|
||||||
<SelectContent>
|
<SelectContent>
|
||||||
@@ -83,7 +83,7 @@ export function RunsToolbar({ scripts }: RunsToolbarProps) {
|
|||||||
updateParams({ scriptId: value === "all" ? null : value })
|
updateParams({ scriptId: value === "all" ? null : value })
|
||||||
}
|
}
|
||||||
>
|
>
|
||||||
<SelectTrigger className="sm:w-48">
|
<SelectTrigger className="w-full sm:w-48">
|
||||||
<SelectValue placeholder="Script" />
|
<SelectValue placeholder="Script" />
|
||||||
</SelectTrigger>
|
</SelectTrigger>
|
||||||
<SelectContent>
|
<SelectContent>
|
||||||
|
|||||||
Reference in New Issue
Block a user