fix: make PairsPanel fully scrollable including PairForm
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
@@ -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" />)}
|
||||||
|
|||||||
Reference in New Issue
Block a user