pacnpal/thrilltrack-explorer
1
0
Fork 0
mirror of https://github.com/pacnpal/thrilltrack-explorer.git synced 2025-12-22 16:11:13 -05:00
Code Issues Packages Projects Releases Wiki Activity

Fix grid and filter sizing

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/designers/DesignerFilters.tsx
View File

@@ -85,7 +85,7 @@ export function DesignerFilters({ filters, onFiltersChange, designers }: Designe
</div>
<FilterSection title="Basic Filters">
<div className="grid grid-cols-1 md:grid-cols-3 gap-4">
<div className="grid grid-cols-1 gap-4">
<div className="space-y-2">
<Label>Entity Type</Label>
<Select
@@ -126,7 +126,7 @@ export function DesignerFilters({ filters, onFiltersChange, designers }: Designe
<Separator />
<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="Rating"
value={[filters.minRating, filters.maxRating]}

4
src/components/manufacturers/ManufacturerFilters.tsx
View File

@@ -85,7 +85,7 @@ export function ManufacturerFilters({ filters, onFiltersChange, manufacturers }:
</div>
<FilterSection title="Basic Filters">
<div className="grid grid-cols-1 md:grid-cols-3 gap-4">
<div className="grid grid-cols-1 gap-4">
<div className="space-y-2">
<Label>Entity Type</Label>
<Select
@@ -126,7 +126,7 @@ export function ManufacturerFilters({ filters, onFiltersChange, manufacturers }:
<Separator />
<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="Rating"
value={[filters.minRating, filters.maxRating]}

4
src/components/operators/OperatorFilters.tsx
View File

@@ -88,7 +88,7 @@ export function OperatorFilters({ filters, onFiltersChange, operators }: Operato
</div>
<FilterSection title="Basic Filters">
<div className="grid grid-cols-1 md:grid-cols-2 gap-4">
<div className="grid grid-cols-1 gap-4">
<FilterMultiSelectCombobox
label="Headquarters Country"
options={countryOptions}
@@ -111,7 +111,7 @@ export function OperatorFilters({ filters, onFiltersChange, operators }: Operato
<Separator />
<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="Rating"
value={[filters.minRating, filters.maxRating]}

8
src/components/parks/ParkFilters.tsx
View File

@@ -144,7 +144,7 @@ export function ParkFilters({ filters, onFiltersChange, parks }: ParkFiltersProp
</div>
<FilterSection title="Basic Filters">
<div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-4">
<div className="grid grid-cols-1 gap-4">
{/* Park Type */}
<div className="space-y-2">
<Label>Park Type</Label>
@@ -227,7 +227,7 @@ export function ParkFilters({ filters, onFiltersChange, parks }: ParkFiltersProp
<Separator />
<FilterSection title="Operators & Owners">
<div className="grid grid-cols-1 md:grid-cols-2 gap-4">
<div className="grid grid-cols-1 gap-4">
<FilterMultiSelectCombobox
label="Operators"
options={operatorOptions}
@@ -248,7 +248,7 @@ export function ParkFilters({ filters, onFiltersChange, parks }: ParkFiltersProp
<Separator />
<FilterSection title="Opening Dates">
<div className="grid grid-cols-1 md:grid-cols-2 gap-4">
<div className="grid grid-cols-1 gap-4">
<FilterDateRangePicker
label="Opening Year"
fromDate={filters.openingYearStart ? new Date(filters.openingYearStart, 0, 1) : null}
@@ -270,7 +270,7 @@ export function ParkFilters({ filters, onFiltersChange, parks }: ParkFiltersProp
<Separator />
<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="Rating"
value={[filters.minRating, filters.maxRating]}

2
src/components/parks/ParkGridView.tsx
View File

@@ -7,7 +7,7 @@ interface ParkGridViewProps {
export function ParkGridView({ parks }: ParkGridViewProps) {
return (
<div className="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-5 xl:grid-cols-6 2xl:grid-cols-7 3xl:grid-cols-8 gap-4 lg:gap-5 xl:gap-4 2xl:gap-5">
<div className="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-3 xl:grid-cols-4 2xl:grid-cols-5 3xl:grid-cols-6 gap-4 lg:gap-5 xl:gap-4 2xl:gap-5">
{parks.map((park) => (
<ParkCard
key={park.id}

12
src/components/rides/RideFilters.tsx
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}

2
src/pages/Designers.tsx
View File

@@ -193,7 +193,7 @@ export default function Designers() {
{/* Main Content Area with Sidebar */}
<div className="flex flex-col lg:flex-row gap-6">
{/* Desktop Filter Sidebar */}
<aside className="hidden lg:block lg:w-80 xl:w-96 flex-shrink-0">
<aside className="hidden lg:block lg:w-[340px] xl:w-[380px] 2xl:w-[420px] flex-shrink-0">
<div className="sticky top-24">
<Card>
<CardContent className="pt-6">

2
src/pages/Manufacturers.tsx
View File

@@ -206,7 +206,7 @@ export default function Manufacturers() {
{/* Main Content Area with Sidebar */}
<div className="flex flex-col lg:flex-row gap-6">
{/* Desktop Filter Sidebar */}
<aside className="hidden lg:block lg:w-80 xl:w-96 flex-shrink-0">
<aside className="hidden lg:block lg:w-[340px] xl:w-[380px] 2xl:w-[420px] flex-shrink-0">
<div className="sticky top-24">
<Card>
<CardContent className="pt-6">

2
src/pages/Operators.tsx
View File

@@ -264,7 +264,7 @@ const Operators = () => {
{/* Main Content Area with Sidebar */}
<div className="flex flex-col lg:flex-row gap-6">
{/* Desktop Filter Sidebar */}
<aside className="hidden lg:block lg:w-80 xl:w-96 flex-shrink-0">
<aside className="hidden lg:block lg:w-[340px] xl:w-[380px] 2xl:w-[420px] flex-shrink-0">
<div className="sticky top-24">
<Card>
<CardContent className="pt-6">

2
src/pages/Parks.tsx
View File

@@ -457,7 +457,7 @@ export default function Parks() {
{/* Main Content Area with Sidebar */}
<div className="flex flex-col lg:flex-row gap-6">
{/* Desktop Filter Sidebar */}
<aside className="hidden lg:block lg:w-80 xl:w-96 flex-shrink-0">
<aside className="hidden lg:block lg:w-[340px] xl:w-[380px] 2xl:w-[420px] flex-shrink-0">
<div className="sticky top-24">
<Card>
<CardContent className="pt-6">

2
src/pages/Rides.tsx
View File

@@ -213,7 +213,7 @@ export default function Rides() {
{/* Main Content Area with Sidebar */}
<div className="flex flex-col lg:flex-row gap-6">
{/* Desktop Filter Sidebar */}
<aside className="hidden lg:block lg:w-80 xl:w-96 flex-shrink-0">
<aside className="hidden lg:block lg:w-[340px] xl:w-[380px] 2xl:w-[420px] flex-shrink-0">
<div className="sticky top-24">
<Card>
<CardContent className="pt-6">