Gap fixed between components at sidebar
This commit is contained in:
parent
4e291d9bd1
commit
d65a9fcb89
1 changed files with 22 additions and 20 deletions
|
|
@ -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>
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue