fix nested button

This commit is contained in:
wass08
2026-02-17 07:33:23 +09:00
parent 50e2e5829e
commit 06e6ccb88f
@@ -118,10 +118,10 @@ export function PropertyGrid({
<> <>
<div className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-6"> <div className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-6">
{properties.map((property) => ( {properties.map((property) => (
<button <div
key={property.id} key={property.id}
onClick={() => onPropertyClick(property.id)} onClick={() => onPropertyClick(property.id)}
className="group relative overflow-hidden rounded-lg border border-border bg-card hover:border-primary transition-all text-left" className="group relative overflow-hidden rounded-lg border border-border bg-card hover:border-primary transition-all text-left cursor-pointer"
> >
{/* Thumbnail */} {/* Thumbnail */}
<div className="aspect-video bg-muted relative"> <div className="aspect-video bg-muted relative">
@@ -213,7 +213,7 @@ export function PropertyGrid({
</div> </div>
)} )}
</div> </div>
</button> </div>
))} ))}
</div> </div>