Fix sorting controls on mobile

This commit is contained in:
gpt-engineer-app[bot]
2025-09-30 12:13:25 +00:00
parent 5c391a3087
commit 917cf06f35
2 changed files with 9 additions and 7 deletions

View File

@@ -26,12 +26,12 @@ export function ParkSortOptions({ sort, onSortChange }: ParkSortOptionsProps) {
};
return (
<div className="flex gap-2">
<div className="flex gap-2 w-full">
<Select
value={sort.field}
onValueChange={(field) => onSortChange({ ...sort, field })}
>
<SelectTrigger className="w-48 bg-muted/50 border-border/50">
<SelectTrigger className="flex-1 sm:w-48 bg-muted/50 border-border/50">
<ArrowUpDown className="w-4 h-4 mr-2" />
<SelectValue />
</SelectTrigger>