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,16 +479,17 @@ 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">
<PairForm <div className="p-3 border-b border-slate-100">
objectId={selectedObject.id} <PairForm
onPairSaved={onPairSaved} objectId={selectedObject.id}
/> onPairSaved={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" />)}