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 (
<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
className="px-4"
segment={segment}

View File

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