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:
2026-08-16 00:24:18 +02:00
co-authored by Claude Sonnet 5
parent 3f656baad1
commit 75b92d103c
+2 -2
View File
@@ -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>