mirror of https://github.com/buster-so/buster.git
scroll more reliable
This commit is contained in:
parent
5e2033e2f4
commit
1efc0653d4
|
@ -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}
|
||||
|
|
|
@ -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>
|
||||
);
|
||||
};
|
||||
|
|
Loading…
Reference in New Issue