Refactor: Standardize card and grid layouts

This commit is contained in:
gpt-engineer-app[bot]
2025-10-17 22:18:31 +00:00
parent 9dff5a3e2b
commit fc53015448
9 changed files with 18 additions and 18 deletions

View File

@@ -206,7 +206,7 @@ const ParkOwners = () => {
{/* Property Owners Grid */}
{!isLoading && filteredAndSortedOwners && (
<div className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-4 md:gap-6">
<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">
{filteredAndSortedOwners.map((owner) => (
<ParkOwnerCard key={owner.id} company={owner} />
))}

View File

@@ -271,7 +271,7 @@ export default function RideModelRides() {
</div>
{filteredRides.length > 0 ? (
<div className="grid md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 2xl:grid-cols-5 gap-6">
<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">
{filteredRides.map((ride) => (
<RideCard key={ride.id} ride={ride} showParkName={true} />
))}