Refactor: Optimize desktop layout for entity pages

This commit is contained in:
gpt-engineer-app[bot]
2025-10-06 15:59:22 +00:00
parent cb1ef6c177
commit 28f83b9c0f
11 changed files with 23 additions and 21 deletions

View File

@@ -229,7 +229,7 @@ export default function PropertyOwnerDetail() {
</div>
{/* Company Info */}
<div className="grid grid-cols-1 md:grid-cols-3 gap-4 mb-8">
<div className="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-4 mb-8 max-w-5xl mx-auto">
{owner.founded_year && (
<Card>
<CardContent className="p-4 text-center">
@@ -292,13 +292,13 @@ export default function PropertyOwnerDetail() {
</div>
{parksLoading ? (
<div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
<div className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 2xl:grid-cols-5 gap-6">
{[1, 2, 3].map((i) => (
<div key={i} className="h-64 bg-muted rounded-lg animate-pulse" />
))}
</div>
) : parks.length > 0 ? (
<div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
<div className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 2xl:grid-cols-5 gap-6">
{parks.map((park) => (
<ParkCard key={park.id} park={park} />
))}