Gap fixed between components at sidebar

This commit is contained in:
Lucas Oliveira 2023-02-14 19:48:34 -03:00
commit d65a9fcb89

View file

@ -32,28 +32,30 @@ export default function ExtraSidebar() {
key={i} key={i}
button={{ title: toFirstUpperCase(d), Icon: nodeIcons[d] }} button={{ title: toFirstUpperCase(d), Icon: nodeIcons[d] }}
> >
{Object.keys(data[d]).map((t, k) => ( <div className="p-2 flex flex-col gap-2">
<div key={k} className="p-2 pb-0"> {Object.keys(data[d]).map((t, k) => (
<div <div key={k}>
draggable <div
className={" cursor-grab border-l-8 rounded-l-md"} draggable
style={{ borderLeftColor: nodeColors[d] }} className={" cursor-grab border-l-8 rounded-l-md"}
onDragStart={(event) => style={{ borderLeftColor: nodeColors[d] }}
onDragStart(event, { onDragStart={(event) =>
type: d, onDragStart(event, {
name: t, type: d,
types: types, name: t,
node: data[d][t], types: types,
}) node: data[d][t],
} })
> }
<div className="flex w-full justify-between text-sm px-4 py-3 items-center border-dashed border-gray-400 border-l-0 rounded-md rounded-l-none border-2"> >
<span className="text-black w-36 truncate">{t}</span> <div className="flex w-full justify-between text-sm px-4 py-3 items-center border-dashed border-gray-400 border-l-0 rounded-md rounded-l-none border-2">
<Bars2Icon className="w-6 h-6 text-gray-400" /> <span className="text-black w-36 truncate">{t}</span>
<Bars2Icon className="w-6 h-6 text-gray-400" />
</div>
</div> </div>
</div> </div>
</div> ))}
))} </div>
</DisclosureComponent> </DisclosureComponent>
))} ))}
</div> </div>