Fix grid and filter sizing

This commit is contained in:
gpt-engineer-app[bot]
2025-10-28 15:33:49 +00:00
parent 703dbcd8af
commit ef312618f5
11 changed files with 22 additions and 22 deletions

View File

@@ -218,7 +218,7 @@ export function RideFilters({ filters, onFiltersChange, rides }: RideFiltersProp
{/* Basic Filters */}
<FilterSection title="Basic Filters">
<div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4">
<div className="grid grid-cols-1 gap-4">
<FilterMultiSelectCombobox
label="Categories"
options={categoryOptions}
@@ -252,7 +252,7 @@ export function RideFilters({ filters, onFiltersChange, rides }: RideFiltersProp
{/* Geographic Filters */}
<FilterSection title="Location">
<div className="grid grid-cols-1 md:grid-cols-3 gap-4">
<div className="grid grid-cols-1 gap-4">
<FilterMultiSelectCombobox
label="Countries"
options={countryOptions}
@@ -281,7 +281,7 @@ export function RideFilters({ filters, onFiltersChange, rides }: RideFiltersProp
{/* Relationship Filters */}
<FilterSection title="Parks & Companies">
<div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4">
<div className="grid grid-cols-1 gap-4">
<FilterMultiSelectCombobox
label="Parks"
options={parkOptions}
@@ -310,7 +310,7 @@ export function RideFilters({ filters, onFiltersChange, rides }: RideFiltersProp
{/* Coaster-Specific Filters */}
<FilterSection title="Coaster Details">
<div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-4">
<div className="grid grid-cols-1 gap-4">
<FilterMultiSelectCombobox
label="Coaster Type"
options={coasterTypeOptions}
@@ -346,7 +346,7 @@ export function RideFilters({ filters, onFiltersChange, rides }: RideFiltersProp
{/* Numeric Range Filters */}
<FilterSection title="Statistics">
<div className="grid grid-cols-1 md:grid-cols-2 gap-6">
<div className="grid grid-cols-1 gap-4">
<FilterRangeSlider
label="Speed"
value={[filters.minSpeed, filters.maxSpeed]}
@@ -389,7 +389,7 @@ export function RideFilters({ filters, onFiltersChange, rides }: RideFiltersProp
{/* Date Filters */}
<FilterSection title="Dates">
<div className="grid grid-cols-1 md:grid-cols-2 gap-4">
<div className="grid grid-cols-1 gap-4">
<FilterDateRangePicker
label="Opening Date"
fromDate={filters.openingDateFrom}