DerexXD/UT-Registration-Plus
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: margins on list component

Browse Source
This commit is contained in:
Razboy20
2024-02-17 12:59:43 -06:00
committed by doprz
parent 74be880f9d
commit cc7138949c
1 changed files with 4 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
src/views/components/common/List/List.tsx
View File

@@ -135,8 +135,7 @@ const List: React.FC<ListProps> = ({ draggableElements, itemHeight, listHeight,
<div
{...provided.droppableProps}
ref={provided.innerRef}
style={{ width: `${listWidth}px` }}
className=''
style={{ width: `${listWidth}px`, marginBottom: `-${gap}px` }}
>
{items.map((item, index) => (
<Draggable key={item.id} draggableId={item.id} index={index}>
@@ -150,7 +149,9 @@ const List: React.FC<ListProps> = ({ draggableElements, itemHeight, listHeight,
marginBottom: `${gap}px`,
}}
>
{React.cloneElement(item.content, { dragHandleProps: draggableProvided.dragHandleProps })}
{React.cloneElement(item.content, {
dragHandleProps: draggableProvided.dragHandleProps,
})}
</div>
)}
</Draggable>