mirror of
https://github.com/pacnpal/thrilltrack-explorer.git
synced 2025-12-24 05:51:15 -05:00
Fix grid and filter sizing
This commit is contained in:
@@ -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}
|
||||
|
||||
Reference in New Issue
Block a user