scroll more reliable

This commit is contained in:
Nate Kelley 2025-04-11 13:32:34 -06:00
parent 5e2033e2f4
commit 1efc0653d4
No known key found for this signature in database
GPG Key ID: FD90372AB8D98B4F
2 changed files with 18 additions and 16 deletions

View File

@ -89,7 +89,7 @@ export const MetricStylingApp: React.FC<{
); );
return ( return (
<div className="flex h-full w-full flex-col pt-3"> <div className="flex h-full w-full flex-col overflow-hidden pt-3">
<MetricStylingAppSegment <MetricStylingAppSegment
className="px-4" className="px-4"
segment={segment} segment={segment}

View File

@ -28,20 +28,22 @@ export const AvailableItemsList: React.FC<AvailableItemsListProps> = ({
(isOver || isActive) && activeZone !== SelectAxisContainerId.Available; (isOver || isActive) && activeZone !== SelectAxisContainerId.Available;
return ( return (
<StylingLabel id="available-items-list" label="Available" ref={setNodeRef}> <div ref={setNodeRef}>
<div <StylingLabel id="available-items-list" label="Available">
className={cn( <div
'mb-1', className={cn(
showDeleteHoverState ? 'rounded bg-red-100 shadow-[0_0_3px_1px] shadow-red-300' : '' 'mb-1',
)}> showDeleteHoverState ? 'rounded bg-red-100 shadow-[0_0_3px_1px] shadow-red-300' : ''
{items.map((item) => ( )}>
<SelectAxisSortableItem {items.map((item) => (
key={item.id} <SelectAxisSortableItem
item={item} key={item.id}
zoneId={SelectAxisContainerId.Available} item={item}
/> zoneId={SelectAxisContainerId.Available}
))} />
</div> ))}
</StylingLabel> </div>
</StylingLabel>
</div>
); );
}; };