fix: make PairsPanel fully scrollable including PairForm

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
2026-05-24 20:54:51 +02:00
parent 25c31adbdf
commit 99ca1c58c2

View File

@@ -479,8 +479,9 @@ function PairsPanel({ selectedObject, objectPairs, loadingPairs, onPairSaved })
</h2> </h2>
</div> </div>
{/* Add pair form */} {/* Scrollable body: form + pairs list together */}
<div className="p-3 border-b border-slate-100 flex-shrink-0"> <div className="flex-1 overflow-y-auto">
<div className="p-3 border-b border-slate-100">
<PairForm <PairForm
objectId={selectedObject.id} objectId={selectedObject.id}
onPairSaved={onPairSaved} onPairSaved={onPairSaved}
@@ -488,7 +489,7 @@ function PairsPanel({ selectedObject, objectPairs, loadingPairs, onPairSaved })
</div> </div>
{/* Existing pairs */} {/* Existing pairs */}
<div className="flex-1 overflow-y-auto p-3 space-y-3"> <div className="p-3 space-y-3">
{loadingPairs && ( {loadingPairs && (
<div className="space-y-2"> <div className="space-y-2">
{[1,2].map(i => <div key={i} className="h-16 bg-slate-100 rounded animate-pulse" />)} {[1,2].map(i => <div key={i} className="h-16 bg-slate-100 rounded animate-pulse" />)}